From b3a296f2eb94e64bb3d627e25f988bc081d49cf2 Mon Sep 17 00:00:00 2001
From: edmondlang <edmond_wuiming@hotmail.com>
Date: Sun, 17 Apr 2022 21:10:52 +0800
Subject: [PATCH] update notification ui, display no result found if no
 notification

---
 .../elements/NotificationSectionComponent.vue | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/resources/assets/vue/components/general/elements/NotificationSectionComponent.vue b/resources/assets/vue/components/general/elements/NotificationSectionComponent.vue
index 1304ceba..e0f6fb1c 100644
--- a/resources/assets/vue/components/general/elements/NotificationSectionComponent.vue
+++ b/resources/assets/vue/components/general/elements/NotificationSectionComponent.vue
@@ -33,6 +33,27 @@
                                     </div>
                                 </div>
                             </div>
+                            <div class="row text-center m-t-50 m-b-50" v-if="notificationsLength === 0" v-show="!isLoading">
+                                <div class="col">
+                                    <div class="row align-items-center justify-content-center hint-text">
+                                        <div class="col-4 hint-text"><img src="/images/not-found-illustration.png" class="w-100 hint-text"/></div>
+                                    </div>
+                                    <div class="row text-center">
+                                        <div class="col">
+                                            <div class="row m-t-20">
+                                                <div class="col">
+                                                    <p class="all-caps no-margin fs-11" style="letter-spacing: 2px;">Nothing To Show Here</p>
+                                                </div>
+                                            </div>
+                                            <div class="row m-t-5 align-items-center justify-content-center hide">
+                                                <div class="col">
+                                                    <small class="fs-9 muted all-caps font-lato" style="letter-spacing: 2px">There is no results found.</small>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
                             <div class="row b-t muted">
                                 <div class="col p-l-10 p-l-10 p-t-10 m-b-10 bg-white text-center">
                                     <a href="#">View All Notifications</a>