@wasto/cms-components 1.5.10 → 1.5.11

package/src/hooks/useCityAnnouncements.ts

@@ -1,118 +1,118 @@
-import { useCallback, useEffect, useState } from "react";
-import AsyncStorage from "@react-native-async-storage/async-storage";
-import { useLocal } from "../contexts/LocalContext";
-import { useWasto } from "../contexts/WastoContext";
-import { useWastoClient } from "./useWastoClient";
-import type { PublicAnnouncement } from "../contexts/AnnouncementsContext";
-import { useAnnouncements } from "../contexts/AnnouncementsContext";
-
-const DISMISSED_KEY = "dismissed_announcements";
-const PAGE_SIZE = 20;
-
-export type CityAnnouncementItem = PublicAnnouncement & {
-    unread: boolean;
-};
-
-async function readDismissedIds(): Promise<Set<string>> {
-    try {
-        const raw = await AsyncStorage.getItem(DISMISSED_KEY);
-        if (!raw) return new Set();
-        const parsed = JSON.parse(raw) as string[];
-        return new Set(Array.isArray(parsed) ? parsed : []);
-    } catch {
-        return new Set();
-    }
-}
-
-function resolveImageUrl(apiUrl: string, url?: string | null): string | null {
-    if (!url) return null;
-    if (url.startsWith("http://") || url.startsWith("https://")) return url;
-    const base = apiUrl.replace(/\/$/, "");
-    const path = url.startsWith("/") ? url : `/${url}`;
-    return `${base}${path}`;
-}
-
-export function useCityAnnouncements() {
-    const { apiUrl } = useWasto();
-    const { selectedCityId, hasPlaceSelected } = useLocal();
-    const client = useWastoClient();
-    const { markAsRead: contextMarkAsRead, openAnnouncement } = useAnnouncements();
-
-    const [all, setAll] = useState<CityAnnouncementItem[]>([]);
-    const [visibleCount, setVisibleCount] = useState(PAGE_SIZE);
-    const [loading, setLoading] = useState(true);
-    const [error, setError] = useState<string | null>(null);
-
-    const reload = useCallback(async () => {
-        if (!selectedCityId || !hasPlaceSelected) {
-            setAll([]);
-            setLoading(false);
-            setError(null);
-            return;
-        }
-        setLoading(true);
-        setError(null);
-        try {
-            const [list, dismissed] = await Promise.all([
-                client.public.announcements.listForCity(selectedCityId),
-                readDismissedIds(),
-            ]);
-            const items: CityAnnouncementItem[] = (list ?? [])
-                .filter((a) => a?.id)
-                .map((a) => ({
-                    ...a,
-                    imageUrl: resolveImageUrl(apiUrl, a.imageUrl),
-                    unread: !dismissed.has(a.id),
-                }))
-                .sort((a, b) => {
-                    const ta = a.sentAt ? new Date(a.sentAt).getTime() : 0;
-                    const tb = b.sentAt ? new Date(b.sentAt).getTime() : 0;
-                    return tb - ta;
-                });
-            setAll(items);
-            setVisibleCount(PAGE_SIZE);
-        } catch (e) {
-            setError(e instanceof Error ? e.message : "Impossible de charger les notifications");
-            setAll([]);
-        } finally {
-            setLoading(false);
-        }
-    }, [apiUrl, client.public.announcements, hasPlaceSelected, selectedCityId]);
-
-    useEffect(() => {
-        void reload();
-    }, [reload]);
-
-    const items = all.slice(0, visibleCount);
-    const hasMore = visibleCount < all.length;
-
-    const loadMore = useCallback(() => {
-        if (!hasMore) return;
-        setVisibleCount((n) => Math.min(n + PAGE_SIZE, all.length));
-    }, [all.length, hasMore]);
-
-    const openItem = useCallback(
-        async (item: CityAnnouncementItem) => {
-            openAnnouncement(item);
-            if (item.unread) {
-                await contextMarkAsRead(item.id);
-                setAll((prev) =>
-                    prev.map((a) => (a.id === item.id ? { ...a, unread: false } : a)),
-                );
-            }
-        },
-        [contextMarkAsRead, openAnnouncement],
-    );
-
-    return {
-        items,
-        loading,
-        error,
-        hasMore,
-        loadMore,
-        reload,
-        openItem,
-        hasPlaceSelected: !!hasPlaceSelected && !!selectedCityId,
-        totalCount: all.length,
-    };
-}
+import { useCallback, useEffect, useState } from "react";
+import AsyncStorage from "@react-native-async-storage/async-storage";
+import { useLocal } from "../contexts/LocalContext";
+import { useWasto } from "../contexts/WastoContext";
+import { useWastoClient } from "./useWastoClient";
+import type { PublicAnnouncement } from "../contexts/AnnouncementsContext";
+import { useAnnouncements } from "../contexts/AnnouncementsContext";
+
+const DISMISSED_KEY = "dismissed_announcements";
+const PAGE_SIZE = 20;
+
+export type CityAnnouncementItem = PublicAnnouncement & {
+    unread: boolean;
+};
+
+async function readDismissedIds(): Promise<Set<string>> {
+    try {
+        const raw = await AsyncStorage.getItem(DISMISSED_KEY);
+        if (!raw) return new Set();
+        const parsed = JSON.parse(raw) as string[];
+        return new Set(Array.isArray(parsed) ? parsed : []);
+    } catch {
+        return new Set();
+    }
+}
+
+function resolveImageUrl(apiUrl: string, url?: string | null): string | null {
+    if (!url) return null;
+    if (url.startsWith("http://") || url.startsWith("https://")) return url;
+    const base = apiUrl.replace(/\/$/, "");
+    const path = url.startsWith("/") ? url : `/${url}`;
+    return `${base}${path}`;
+}
+
+export function useCityAnnouncements() {
+    const { apiUrl } = useWasto();
+    const { selectedCityId, hasPlaceSelected } = useLocal();
+    const client = useWastoClient();
+    const { markAsRead: contextMarkAsRead, openAnnouncement } = useAnnouncements();
+
+    const [all, setAll] = useState<CityAnnouncementItem[]>([]);
+    const [visibleCount, setVisibleCount] = useState(PAGE_SIZE);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState<string | null>(null);
+
+    const reload = useCallback(async () => {
+        if (!selectedCityId || !hasPlaceSelected) {
+            setAll([]);
+            setLoading(false);
+            setError(null);
+            return;
+        }
+        setLoading(true);
+        setError(null);
+        try {
+            const [list, dismissed] = await Promise.all([
+                client.public.announcements.listForCity(selectedCityId),
+                readDismissedIds(),
+            ]);
+            const items: CityAnnouncementItem[] = (list ?? [])
+                .filter((a) => a?.id)
+                .map((a) => ({
+                    ...a,
+                    imageUrl: resolveImageUrl(apiUrl, a.imageUrl),
+                    unread: !dismissed.has(a.id),
+                }))
+                .sort((a, b) => {
+                    const ta = a.sentAt ? new Date(a.sentAt).getTime() : 0;
+                    const tb = b.sentAt ? new Date(b.sentAt).getTime() : 0;
+                    return tb - ta;
+                });
+            setAll(items);
+            setVisibleCount(PAGE_SIZE);
+        } catch (e) {
+            setError(e instanceof Error ? e.message : "Impossible de charger les notifications");
+            setAll([]);
+        } finally {
+            setLoading(false);
+        }
+    }, [apiUrl, client.public.announcements, hasPlaceSelected, selectedCityId]);
+
+    useEffect(() => {
+        void reload();
+    }, [reload]);
+
+    const items = all.slice(0, visibleCount);
+    const hasMore = visibleCount < all.length;
+
+    const loadMore = useCallback(() => {
+        if (!hasMore) return;
+        setVisibleCount((n) => Math.min(n + PAGE_SIZE, all.length));
+    }, [all.length, hasMore]);
+
+    const openItem = useCallback(
+        async (item: CityAnnouncementItem) => {
+            openAnnouncement(item);
+            if (item.unread) {
+                await contextMarkAsRead(item.id);
+                setAll((prev) =>
+                    prev.map((a) => (a.id === item.id ? { ...a, unread: false } : a)),
+                );
+            }
+        },
+        [contextMarkAsRead, openAnnouncement],
+    );
+
+    return {
+        items,
+        loading,
+        error,
+        hasMore,
+        loadMore,
+        reload,
+        openItem,
+        hasPlaceSelected: !!hasPlaceSelected && !!selectedCityId,
+        totalCount: all.length,
+    };
+}