blob: 0eceba9839715e81eabf2a9c89dab6a27d6c92b2 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
import { useState } from "react";
import { writeFavorites } from "~/utils/idb";
/**
* A simple hook for managing favorite items in localStorage.
* Also mirrors changes to IndexedDB so the service worker can filter push
* notifications by favourites without access to localStorage.
* @param key LocalStorage key to use
* @returns [favorites, toggleFavorite, isFavorite]
*/
export function useFavorites(key: string) {
const [favorites, setFavorites] = useState<string[]>(() => {
if (typeof window === "undefined") return [];
const stored = localStorage.getItem(key);
return stored ? JSON.parse(stored) : [];
});
const toggleFavorite = (id: string) => {
setFavorites((prev) => {
const next = prev.includes(id)
? prev.filter((item) => item !== id)
: [...prev, id];
localStorage.setItem(key, JSON.stringify(next));
writeFavorites(key, next).catch(() => {
/* best-effort */
});
return next;
});
};
const isFavorite = (id: string) => favorites.includes(id);
return { favorites, toggleFavorite, isFavorite };
}
|
