test

hooks/use-foreground-notifications.ts

@@ -0,0 +1,23 @@
+import { useEffect } from "react";
+import messaging, {
+  FirebaseMessagingTypes,
+} from "@react-native-firebase/messaging";
+
+// Gunakan tipe resmi dari library
+type RemoteMessage = FirebaseMessagingTypes.RemoteMessage;
+
+export function useForegroundNotifications(
+  onMessageReceived: (message: RemoteMessage) => void
+) {
+  useEffect(() => {
+    const unsubscribe = messaging().onMessage((remoteMessage) => {
+      console.log(
+        "🔔 Notifikasi diterima saat app aktif:",
+        JSON.stringify(remoteMessage, null, 2)
+      );
+      onMessageReceived(remoteMessage);
+    });
+
+    return unsubscribe;
+  }, [onMessageReceived]);
+}

hooks/use-notification-store.tsx

@@ -0,0 +1,52 @@
+// hooks/useNotificationStore.ts
+import { createContext, useContext, useState, ReactNode } from 'react';
+import type { FirebaseMessagingTypes } from '@react-native-firebase/messaging';
+
+type AppNotification = {
+  id: string;
+  title: string;
+  body: string;
+  data?: Record<string, string>;
+  read: boolean;
+  timestamp: number;
+};
+
+const NotificationContext = createContext<{
+  notifications: AppNotification[];
+  addNotification: (notif: Omit<AppNotification, 'id' | 'read' | 'timestamp'>) => void;
+  markAsRead: (id: string) => void;
+}>({
+  notifications: [],
+  addNotification: () => {},
+  markAsRead: () => {},
+});
+
+export const NotificationProvider = ({ children }: { children: ReactNode }) => {
+  const [notifications, setNotifications] = useState<AppNotification[]>([]);
+
+  const addNotification = (notif: Omit<AppNotification, 'id' | 'read' | 'timestamp'>) => {
+    setNotifications(prev => [
+      {
+        ...notif,
+        id: Date.now().toString(),
+        read: false,
+        timestamp: Date.now(),
+      },
+      ...prev,
+    ]);
+  };
+
+  const markAsRead = (id: string) => {
+    setNotifications(prev =>
+      prev.map(n => (n.id === id ? { ...n, read: true } : n))
+    );
+  };
+
+  return (
+    <NotificationContext.Provider value={{ notifications, addNotification, markAsRead }}>
+      {children}
+    </NotificationContext.Provider>
+  );
+};
+
+export const useNotificationStore = () => useContext(NotificationContext);