No notifications improvements.

getfider · Oct 7, 2024 · 4b8a7b1 · 4b8a7b1
1 parent e7e5145
commit 4b8a7b1
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/public/components/NotificationIndicator.tsx b/public/components/NotificationIndicator.tsx
@@ -1,4 +1,5 @@
 import "./NotificationIndicator.scss"
+import NoDataIllustration from "@fider/assets/images/undraw-empty.svg"
 
 import React, { useEffect, useState } from "react"
 import IconBell from "@fider/assets/images/heroicons-bell.svg"
@@ -100,9 +101,14 @@ export const NotificationIndicator = () => {
                 </VStack>
               </>
             ) : (
-              <p className="text-display text-center my-6">
-                <Trans id="modal.notifications.nonew">No new notifications</Trans>
-              </p>
+                <div className="text-center pb-6">
+                  <p className="text-display text-center mt-6 px-4">
+                    <Trans id="modal.notifications.nonew">No new notifications</Trans>
+                  </p>
+                  {recent?.length === 0 && (
+                    <Icon sprite={NoDataIllustration} height="120" className="mt-6 mb-2" />
+                  )}
+                </div>
             )}
             {recent !== undefined && recent?.length > 0 && (
               <>