wip

src-tauri/tauri.conf.json

@@ -134,6 +134,7 @@
           "enableTauriAPI": true
         }
       ]
-    }
+    },
+    "macOSPrivateApi": true
   }
 }

src-tauri/tauri.macos.conf.json

@@ -1,7 +1,6 @@
 {
   "$schema": "../node_modules/@tauri-apps/cli/schema.json",
   "tauri": {
-    "macOSPrivateApi": true,
     "windows": [
       {
         "width": 300,

src/app/chats/components/modal.tsx

@@ -1,77 +0,0 @@
-import * as Dialog from '@radix-ui/react-dialog';
-import { useState } from 'react';
-import { useNavigate } from 'react-router-dom';
-
-import { useStorage } from '@libs/storage/provider';
-
-import { CancelIcon, PlusIcon } from '@shared/icons';
-import { User } from '@shared/user';
-
-export function NewMessageModal() {
-  const navigate = useNavigate();
-
-  const [open, setOpen] = useState(false);
-  const { db } = useStorage();
-
-  const openChat = (pubkey: string) => {
-    setOpen(false);
-    navigate(`/chats/${pubkey}`);
-  };
-
-  return (
-    <Dialog.Root open={open} onOpenChange={setOpen}>
-      <Dialog.Trigger asChild>
-        <button
-          type="button"
-          className="inline-flex h-10 items-center gap-2.5 rounded-r-lg border-l-2 border-transparent px-3"
-        >
-          <div className="inline-flex h-7 w-7 shrink-0 items-center justify-center">
-            <PlusIcon className="h-5 w-5" />
-          </div>
-          <h5 className="font-medium text-white/50">New message</h5>
-        </button>
-      </Dialog.Trigger>
-      <Dialog.Portal>
-        <Dialog.Overlay className="fixed inset-0 z-50 bg-black/80 backdrop-blur-2xl" />
-        <Dialog.Content className="fixed inset-0 z-50 flex min-h-full items-center justify-center">
-          <div className="relative h-min w-full max-w-xl rounded-xl bg-white/10 backdrop-blur-xl">
-            <div className="h-min w-full shrink-0 border-b border-white/10 bg-white/5 px-5 py-5">
-              <div className="flex flex-col gap-1">
-                <div className="flex items-center justify-between">
-                  <Dialog.Title className="text-lg font-semibold leading-none text-white">
-                    New chat
-                  </Dialog.Title>
-                  <Dialog.Close className="inline-flex h-6 w-6 items-center justify-center rounded-md hover:bg-white/10">
-                    <CancelIcon className="h-4 w-4 text-white/50" />
-                  </Dialog.Close>
-                </div>
-                <Dialog.Description className="text-sm leading-none text-white/50">
-                  All messages will be encrypted, but anyone can see who you chat
-                </Dialog.Description>
-              </div>
-            </div>
-            <div className="flex h-[500px] flex-col overflow-y-auto overflow-x-hidden pb-2 pt-2">
-              {db.account?.follows?.map((pubkey) => (
-                <div
-                  key={pubkey}
-                  className="group flex items-center justify-between px-4 py-2 hover:bg-white/10"
-                >
-                  <User pubkey={pubkey} variant="simple" />
-                  <div>
-                    <button
-                      type="button"
-                      onClick={() => openChat(pubkey)}
-                      className="hidden w-max rounded bg-white/10 px-3 py-1 text-sm font-medium hover:bg-fuchsia-500 group-hover:inline-flex"
-                    >
-                      Chat
-                    </button>
-                  </div>
-                </div>
-              ))}
-            </div>
-          </div>
-        </Dialog.Content>
-      </Dialog.Portal>
-    </Dialog.Root>
-  );
-}

src/app/chats/index.tsx

@@ -3,7 +3,7 @@ import { useQuery } from '@tanstack/react-query';
 import { useCallback } from 'react';
 import { Outlet } from 'react-router-dom';
 
-import { ChatListItem } from '@app/chats/components/chaListItem';
+import { ChatListItem } from '@app/chats/components/chatListItem';
 
 import { LoaderIcon } from '@shared/icons';