clean up & update edit profile modal

src/app/settings/components/autoStart.tsx

@@ -1,56 +1,10 @@
-import { Switch } from '@headlessui/react';
-import { disable, enable, isEnabled } from '@tauri-apps/plugin-autostart';
-import { useEffect, useState } from 'react';
-import { twMerge } from 'tailwind-merge';
-
 export function AutoStartSetting() {
-  const [enabled, setEnabled] = useState(false);
-
-  const toggle = async () => {
-    if (!enabled) {
-      await enable();
-      // await updateSetting('auto_start', 1);
-      console.log(`registered for autostart? ${await isEnabled()}`);
-    } else {
-      await disable();
-      // await updateSetting('auto_start', 0);
-    }
-    setEnabled(!enabled);
-  };
-
-  useEffect(() => {
-    async function getAppSetting() {
-      const setting = '0';
-      if (parseInt(setting) === 0) {
-        setEnabled(false);
-      } else {
-        setEnabled(true);
-      }
-    }
-    getAppSetting();
-  }, []);
-
   return (
     <div className="inline-flex items-center justify-between px-5 py-4">
       <div className="flex flex-col gap-1">
         <span className="font-medium leading-none text-zinc-200">Auto start</span>
         <span className="text-sm leading-none text-white/50">Auto start at login</span>
       </div>
-      <Switch
-        checked={enabled}
-        onChange={toggle}
-        className={twMerge(
-          'relative inline-flex h-6 w-11 flex-shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors duration-200 ease-in-out focus:outline-none focus:ring-2 focus:ring-fuchsia-500 focus:ring-offset-2',
-          enabled ? 'bg-fuchsia-500' : 'bg-zinc-700'
-        )}
-      >
-        <span
-          className={twMerge(
-            'pointer-events-none inline-block h-5 w-5 transform rounded-full bg-zinc-900 shadow ring-0 transition duration-200 ease-in-out',
-            enabled ? 'translate-x-5' : 'translate-x-0'
-          )}
-        />
-      </Switch>
     </div>
   );
 }