wip: fix ui for macos

src/app/chats/components/chatListItem.tsx

@@ -7,17 +7,13 @@ import { twMerge } from 'tailwind-merge';
 
 import { useDecryptMessage } from '@app/chats/hooks/useDecryptMessage';
 
-import { useStorage } from '@libs/storage/provider';
-
 import { formatCreatedAt } from '@utils/createdAt';
 import { useProfile } from '@utils/hooks/useProfile';
 import { displayNpub } from '@utils/shortenKey';
 
 export const ChatListItem = memo(function ChatListItem({ event }: { event: NDKEvent }) {
-  const { db } = useStorage();
   const { status, user } = useProfile(event.pubkey);
-
-  const decryptedContent = useDecryptMessage(event, db.account.pubkey);
+  const decryptedContent = useDecryptMessage(event);
 
   const createdAt = formatCreatedAt(event.created_at, true);
   const svgURI =

src/app/chats/hooks/useDecryptMessage.tsx

@@ -2,14 +2,18 @@ import { NDKEvent } from '@nostr-dev-kit/ndk';
 import { nip04 } from 'nostr-tools';
 import { useEffect, useState } from 'react';
 
-export function useDecryptMessage(message: NDKEvent, pubkey: string, privkey: string) {
+import { useStorage } from '@libs/storage/provider';
+
+export function useDecryptMessage(message: NDKEvent) {
+  const { db } = useStorage();
   const [content, setContent] = useState(message.content);
 
   useEffect(() => {
     async function decryptContent() {
       try {
+        const privkey = await db.secureLoad();
         const sender =
-          pubkey === message.pubkey
+          db.account.pubkey === message.pubkey
             ? message.tags.find((el) => el[0] === 'p')[1]
             : message.pubkey;
         const result = await nip04.decrypt(privkey, sender, message.content);