From 1adf631435cee209fba73c5dac1ee063a7bd5d78 Mon Sep 17 00:00:00 2001
From: PRATIK MISHRA <43684300+pratikmishra356@users.noreply.github.com>
Date: Mon, 2 Sep 2024 16:27:57 +0530
Subject: [PATCH] fix: override-page-empty-prompt-text (#216)

Co-authored-by: Pratik Mishra <pratik.mishra@pratikmishra-F7MDFVPVTR.local>
---
 crates/frontend/src/pages/context_override.rs | 43 +++++++++++++------
 1 file changed, 29 insertions(+), 14 deletions(-)

diff --git a/crates/frontend/src/pages/context_override.rs b/crates/frontend/src/pages/context_override.rs
index 2e7bcf61..13b50512 100644
--- a/crates/frontend/src/pages/context_override.rs
+++ b/crates/frontend/src/pages/context_override.rs
@@ -335,20 +335,35 @@ pub fn context_override() -> impl IntoView {
                                 (context.clone(), overrides)
                             })
                             .collect::<Vec<(Context, Map<String, Value>)>>();
-                        ctx_n_overrides
-                            .into_iter()
-                            .map(|(context, overrides)| {
-                                view! {
-                                    <ContextCard
-                                        context=context
-                                        overrides=overrides
-                                        handle_edit=handle_context_edit
-                                        handle_clone=handle_context_clone
-                                        handle_delete=handle_context_delete
-                                    />
-                                }
-                            })
-                            .collect_view()
+                        if ctx_n_overrides.is_empty() {
+                            view! {
+                                <div class="flex-row" style="margin-top:20rem;">
+                                    <div class="flex justify-center text-gray-400">
+                                    <i class="ri-file-add-line ri-xl"></i>
+                                    </div>
+                                    <div class="flex mt-4 font-semibold items-center text-gray-400 text-xl justify-center">
+                                    "Start with creating an override"
+                                    </div>
+                                </div>
+
+                            }.into_view()
+                        } else {
+                            ctx_n_overrides
+                                .into_iter()
+                                .map(|(context, overrides)| {
+                                    view! {
+                                        <ContextCard
+                                            context=context
+                                            overrides=overrides
+                                            handle_edit=handle_context_edit
+                                            handle_clone=handle_context_clone
+                                            handle_delete=handle_context_delete
+                                        />
+                                    }
+                                })
+                                .collect_view()
+                        }
+
                     }}
 
                 </div>