push

pushy

Signed-off-by: Kenneth Obsequio <k80308392@gmail.com>

src/components/generic/NotificationBell.jsx

@@ -7,6 +7,7 @@ import { ScrollArea } from "@/components/ui/scroll-area";
 import { Separator } from "@/components/ui/separator";
 import { useAdminNotifications } from "@/contexts/AdminNotificationContext";
 import { cn } from "@/lib/utils";
+import { useDateFormat } from "@/hooks/useDateFormat";
 
 const TYPE_ICON = {
     task_overdue:      AlertCircle,
@@ -29,20 +30,10 @@ function timeAgo(dateStr) {
     return `${Math.floor(h / 24)}d ago`;
 }
 
-function formatDate(dateStr) {
-    return new Date(dateStr).toLocaleString("en-US", {
-        month:   "long",
-        day:     "numeric",
-        year:    "numeric",
-        hour:    "numeric",
-        minute:  "2-digit",
-        hour12:  true,
-    });
-}
-
 export default function NotificationBell() {
     const { notifications, unseenCount, loading, fetchNotifications, markSeen, markAllSeen } =
         useAdminNotifications();
+    const { fmtDateTime } = useDateFormat();
 
     const [selected, setSelected] = useState(null);
 
@@ -147,7 +138,7 @@ export default function NotificationBell() {
 
                     <div className="flex items-center justify-between text-xs text-muted-foreground">
                         <span className="capitalize">{selected?.type?.replace(/_/g, ' ')}</span>
-                        <span>{selected ? formatDate(selected.createdAt) : ""}</span>
+                        <span>{selected ? fmtDateTime(selected.createdAt) : ""}</span>
                     </div>
                 </DialogContent>
             </Dialog>