emojiCacheをlocalStorageに

yamader · Feb 28, 2024 · 6fc5beb · 6fc5beb
1 parent 648e3a5
commit 6fc5beb
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/features/api/CustomEmoji.tsx b/src/features/api/CustomEmoji.tsx
@@ -1,13 +1,18 @@
 "use client"
 
-import { atom, useAtom, useAtomValue } from "jotai"
+import { useAtom, useAtomValue } from "jotai"
+import { atomWithStorage } from "jotai/utils"
 import { Fragment, Suspense, createContext, use, useContext, useState } from "react"
 import { CustomEmojiProps } from "react-mfm"
 import { useAPI } from "~/features/api"
 
 // internal
 
-const emojiCacheAtom = atom<{ [host: string]: { [name: string]: string | null } }>({})
+// todo: invalidate
+const emojiCacheAtom = atomWithStorage<{ [host: string]: { [name: string]: string | null } }>(
+  "minsk::api::emojiCache",
+  {},
+)
 
 const EmojiImg = ({ name, url }: { name: string; url?: string | null }) =>
   !url ? `:${name}:` : <img src={url} alt={name} className="mfm-customEmoji" />