diff --git a/components/NotificationCard.tsx b/components/NotificationCard.tsx index 758c996..efce248 100644 --- a/components/NotificationCard.tsx +++ b/components/NotificationCard.tsx @@ -2,12 +2,14 @@ import { Notification } from "@/types/types"; import { parseDate } from "@/utils/utils"; +import PartyIcon from "./icons/PartyIcon"; interface NotificationCardProps { - notification: Notification; + notification?: Notification; + empty?: boolean; } -const NotificationCard = ({ notification }: NotificationCardProps) => { +const NotificationCard = ({ notification, empty }: NotificationCardProps) => { const getTitle = (type: string) => { switch (type) { case "RULER": @@ -21,6 +23,32 @@ const NotificationCard = ({ notification }: NotificationCardProps) => { } }; + if (empty) + return ( +
+ CONGRATULATIONS! +
++ You have no pending surveys , take a rest and enjoy + the rest of your day! +
+ {/*+ You have a pending survery. + Click here + and answer your + {notification.type} + survey{" "} +
*/} ++
Notifications
({notificationsQuery.data.length})
@@ -149,9 +149,7 @@ const Notifications = () => { {notificationsQuery.data.length === 0 && (- No tienes ninguna notificación -
+