Persistent Announcement

1"use client";
2 
3import * as React from "react";
4 
5export interface UsePersistentAnnouncementOptions {
6  storage?: Pick<Storage, "getItem" | "setItem">;
7  defaultOpen?: boolean;
8}
9 
10function usePersistentAnnouncement(
11  id: string,
12  { storage, defaultOpen = true }: UsePersistentAnnouncementOptions = {},
13) {
14  const [open, setOpenState] = React.useState(defaultOpen);
15 
16  React.useEffect(() => {
17    const target = storage ?? window.localStorage;
18    setOpenState(target.getItem(id) !== "dismissed");
19  }, [id, storage]);
20 
21  const setOpen = React.useCallback(
22    (nextOpen: boolean) => {
23      setOpenState(nextOpen);
24      const target = storage ?? window.localStorage;
25      target.setItem(id, nextOpen ? "open" : "dismissed");
26    },
27    [id, storage],
28  );
29 
30  return [open, setOpen] as const;
31}
32 
33export { usePersistentAnnouncement };