chore: remove signal

src/app/depot/components/relays.tsx

@@ -1,18 +1,18 @@
 import { NDKKind } from '@nostr-dev-kit/ndk';
-import { useSignal } from '@preact/signals-react';
-import { useEffect } from 'react';
+import { useEffect, useState } from 'react';
 import { toast } from 'sonner';
 import { useArk } from '@libs/ark';
 import { LoaderIcon, RunIcon } from '@shared/icons';
 
 export function DepotRelaysCard() {
   const ark = useArk();
-  const status = useSignal(false);
-  const relaySize = useSignal(0);
+
+  const [status, setStatus] = useState(false);
+  const [relaySize, setRelaySize] = useState(0);
 
   const backupRelays = async () => {
     try {
-      status.value = true;
+      setStatus(true);
 
       const event = await ark.getEventByFilter({
         filter: { authors: [ark.account.pubkey], kinds: [NDKKind.RelayList] },
@@ -22,11 +22,11 @@ export function DepotRelaysCard() {
       const publish = await event.publish();
 
       if (publish) {
-        status.value = false;
+        setStatus(false);
         toast.success('Backup profile successfully.');
       }
     } catch (e) {
-      status.value = false;
+      setStatus(false);
       toast.error(JSON.stringify(e));
     }
   };
@@ -36,7 +36,7 @@ export function DepotRelaysCard() {
       const event = await ark.getEventByFilter({
         filter: { authors: [ark.account.pubkey], kinds: [NDKKind.RelayList] },
       });
-      if (event) relaySize.value = event.tags.length;
+      if (event) setRelaySize(event.tags.length);
     }
 
     loadRelays();
@@ -54,7 +54,7 @@ export function DepotRelaysCard() {
           onClick={backupRelays}
           className="inline-flex h-8 w-max items-center justify-center gap-2 rounded-md bg-blue-500 pl-2 pr-3 font-medium text-white shadow shadow-blue-500/50 hover:bg-blue-600"
         >
-          {status.value ? (
+          {status ? (
             <LoaderIcon className="size-4 animate-spin" />
           ) : (
             <RunIcon className="size-4" />