fix: type errors

src/element/emoji-pack.tsx

@@ -8,6 +8,7 @@ import { Mention } from "element/mention";
 import { findTag } from "utils";
 import { USER_EMOJIS } from "const";
 import { Login, System } from "index";
+import type { EmojiPack as EmojiPackType } from "types";
 
 export function EmojiPack({ ev }: { ev: NostrEvent }) {
   const login = useLogin();
@@ -18,13 +19,14 @@ export function EmojiPack({ ev }: { ev: NostrEvent }) {
   const emoji = ev.tags.filter((e) => e.at(0) === "emoji");
 
   async function toggleEmojiPack() {
-    let newPacks = [];
+    let newPacks = [] as EmojiPackType[];
     if (isUsed) {
-      newPacks = login.emojis.filter(
-        (e) => e.pubkey !== ev.pubkey && e.name !== name,
-      );
+      newPacks =
+        login?.emojis.filter(
+          (e) => e.author !== ev.pubkey && e.name !== name,
+        ) ?? [];
     } else {
-      newPacks = [...login.emojis, toEmojiPack(ev)];
+      newPacks = [...(login?.emojis ?? []), toEmojiPack(ev)];
     }
     const pub = login?.publisher();
     if (pub) {
@@ -37,7 +39,7 @@ export function EmojiPack({ ev }: { ev: NostrEvent }) {
       });
       console.debug(ev);
       System.BroadcastEvent(ev);
-      Login.setEmojis(newPacks, ev.created_at);
+      Login.setEmojis(newPacks);
     }
   }
 
@@ -48,12 +50,14 @@ export function EmojiPack({ ev }: { ev: NostrEvent }) {
           <h4>{name}</h4>
           <Mention pubkey={ev.pubkey} />
         </div>
-        <AsyncButton
-          className={`btn btn-primary ${isUsed ? "delete-button" : ""}`}
-          onClick={toggleEmojiPack}
-        >
-          {isUsed ? "Remove" : "Add"}
-        </AsyncButton>
+        {login?.pubkey && (
+          <AsyncButton
+            className={`btn btn-primary ${isUsed ? "delete-button" : ""}`}
+            onClick={toggleEmojiPack}
+          >
+            {isUsed ? "Remove" : "Add"}
+          </AsyncButton>
+        )}
       </div>
       <div className="emoji-pack-emojis">
         {emoji.map((e) => {