wip: clean up & refactor

src/app/settings/account.tsx

@@ -1,16 +1,15 @@
 import { useState } from 'react';
 
+import { useStorage } from '@libs/storage/provider';
+
 import { EyeOffIcon, EyeOnIcon } from '@shared/icons';
 
 import { useStronghold } from '@stores/stronghold';
 
-import { useAccount } from '@utils/hooks/useAccount';
-
 export function AccountSettingsScreen() {
-  const { status, account } = useAccount();
   const [type, setType] = useState('password');
-
   const privkey = useStronghold((state) => state.privkey);
+  const { db } = useStorage();
 
   const showPrivateKey = () => {
     if (type === 'password') {
@@ -35,7 +34,7 @@ export function AccountSettingsScreen() {
                 </label>
                 <input
                   readOnly
-                  value={account.pubkey}
+                  value={db.account.pubkey}
                   className="relative w-2/3 rounded-lg bg-white/10 py-3 pl-3.5 pr-11 text-white !outline-none placeholder:text-white/50"
                 />
               </div>
@@ -45,7 +44,7 @@ export function AccountSettingsScreen() {
                 </label>
                 <input
                   readOnly
-                  value={account.npub}
+                  value={db.account.npub}
                   className="relative w-2/3 rounded-lg bg-white/10 py-3 pl-3.5 pr-11 text-white !outline-none placeholder:text-white/50"
                 />
               </div>

src/app/settings/components/autoStart.tsx

@@ -3,26 +3,24 @@ import { disable, enable, isEnabled } from '@tauri-apps/plugin-autostart';
 import { useEffect, useState } from 'react';
 import { twMerge } from 'tailwind-merge';
 
-import { getSetting, updateSetting } from '@libs/storage';
-
 export function AutoStartSetting() {
   const [enabled, setEnabled] = useState(false);
 
   const toggle = async () => {
     if (!enabled) {
       await enable();
-      await updateSetting('auto_start', 1);
+      // await updateSetting('auto_start', 1);
       console.log(`registered for autostart? ${await isEnabled()}`);
     } else {
       await disable();
-      await updateSetting('auto_start', 0);
+      // await updateSetting('auto_start', 0);
     }
     setEnabled(!enabled);
   };
 
   useEffect(() => {
     async function getAppSetting() {
-      const setting = await getSetting('auto_start');
+      const setting = '0';
       if (parseInt(setting) === 0) {
         setEnabled(false);
       } else {

src/app/settings/components/cacheTime.tsx

@@ -1,17 +1,12 @@
 import { useState } from 'react';
 
-import { getSetting, updateSetting } from '@libs/storage';
-
 import { CheckCircleIcon } from '@shared/icons';
 
-const setting = await getSetting('cache_time');
-const cacheTime = setting;
-
 export function CacheTimeSetting() {
-  const [time, setTime] = useState(cacheTime);
+  const [time, setTime] = useState('0');
 
   const update = async () => {
-    await updateSetting('cache_time', time);
+    // await updateSetting('cache_time', time);
   };
 
   return (