notifier/frontend-app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Load saved notifications on mount

Browse Source
This commit is contained in:
Florian 2025-10-15 08:18:03 +02:00
parent f8bfd9f218
commit 4b6e65bfbd
1 changed files with 45 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
hooks/useNotificationListener.ts
View File

@ -1,20 +1,41 @@
import AsyncStorage from "@react-native-async-storage/async-storage";
import * as Notifications from "expo-notifications"; import * as Notifications from "expo-notifications";
import { useEffect } from "react"; import { useEffect } from "react";
import { Item } from "types/Item"; import { Item } from "types/Item";
// Hook to listen for incoming notifications and map them into Item objects const STORAGE_KEY = "notifications-data";
export function useNotificationListener(onItem: (item: Item) => void) {
// Hook: listens for incoming notifications → Item + persists them
export function useNotificationListener(onItems: (items: Item[]) => void) {
useEffect(() => { useEffect(() => {
// Load saved notifications on mount
(async () => {
try {
const saved = await AsyncStorage.getItem(STORAGE_KEY);
if (saved) {
const parsed: Item[] = JSON.parse(saved);
// sort newest first
onItems(parsed.sort((a, b) => b.timestamp - a.timestamp));
}
} catch (e) {
console.error("Failed to load notifications from storage:", e);
}
})();
// Listen for notification received while app is in foreground // Listen for notification received while app is in foreground
const receivedSub = Notifications.addNotificationReceivedListener((notification) => { const receivedSub = Notifications.addNotificationReceivedListener(async (notification) => {
const item = mapNotificationToItem(notification); const item = mapNotificationToItem(notification);
if (item) onItem(item); if (item) {
await addItem(item, onItems);
}
}); });
// Listen for when user taps a notification // Listen for when user taps a notification
const responseSub = Notifications.addNotificationResponseReceivedListener((response) => { const responseSub = Notifications.addNotificationResponseReceivedListener(async (response) => {
const item = mapNotificationToItem(response.notification); const item = mapNotificationToItem(response.notification);
if (item) onItem(item); if (item) {
await addItem(item, onItems);
}
}); });
// Cleanup on unmount // Cleanup on unmount
@ -22,16 +43,16 @@ export function useNotificationListener(onItem: (item: Item) => void) {
receivedSub.remove(); receivedSub.remove();
responseSub.remove(); responseSub.remove();
}; };
}, [onItem]); }, [onItems]);
} }
// Helper: convert Expo notification → Item // Convert Expo notification → Item
function mapNotificationToItem(notification: Notifications.Notification): Item | null { function mapNotificationToItem(notification: Notifications.Notification): Item | null {
try { try {
const content = notification.request.content; const content = notification.request.content;
return { return {
timestamp: Date.now(), // Or use content.data.timestamp if backend includes it timestamp: Date.now(), // could use backend timestamp if provided
category: (content.data?.category as Item["category"]) ?? "home", category: (content.data?.category as Item["category"]) ?? "home",
title: content.title ?? "No title", title: content.title ?? "No title",
info: content.body ?? "No details", info: content.body ?? "No details",
@ -42,3 +63,18 @@ function mapNotificationToItem(notification: Notifications.Notification): Item |
return null; return null;
} }
} }
// Save a new item into storage and update state
async function addItem(item: Item, onItems: (items: Item[]) => void) {
try {
const saved = await AsyncStorage.getItem(STORAGE_KEY);
const prev: Item[] = saved ? JSON.parse(saved) : [];
const updated = [item, ...prev].sort((a, b) => b.timestamp - a.timestamp);
await AsyncStorage.setItem(STORAGE_KEY, JSON.stringify(updated));
onItems(updated);
} catch (e) {
console.error("Failed to persist notification:", e);
}
}