From ba8bfcb4f77e0d265aa03a85b0f0ff903ac657da Mon Sep 17 00:00:00 2001
From: kunish <kunish.butt@gmail.com>
Date: Tue, 3 Oct 2023 03:56:44 +0800
Subject: [PATCH] chore(config): do not submit and reset untouched form

---
 src/components/LogoText.tsx | 2 +-
 src/pages/ConfigPage.tsx    | 9 ++++++---
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/LogoText.tsx b/src/components/LogoText.tsx
index 447cff3..754322f 100644
--- a/src/components/LogoText.tsx
+++ b/src/components/LogoText.tsx
@@ -1,7 +1,7 @@
 export const LogoText = () => {
   return (
     <a
-      className="bg-gradient-to-b from-primary to-secondary bg-clip-text text-2xl font-bold text-transparent transition-all duration-500 hover:text-primary"
+      className="bg-gradient-to-b from-primary to-secondary bg-clip-text p-2 text-2xl font-bold text-transparent transition-all duration-500 hover:text-primary"
       href="https://github.com/daeuniverse/daed"
       target="_blank"
       rel="noreferrer"
diff --git a/src/pages/ConfigPage.tsx b/src/pages/ConfigPage.tsx
index 62c2bda..dfff05b 100644
--- a/src/pages/ConfigPage.tsx
+++ b/src/pages/ConfigPage.tsx
@@ -43,6 +43,7 @@ export const ConfigPage = () => {
     resolver: zodResolver(configFormSchema),
     defaultValues: configFormDefault
   })
+  const untouched = Object.values(form.formState.dirtyFields).every((dirty) => !dirty)
   const defaultConfigIdQuery = useGetJSONStorageRequest(['defaultConfigID'] as const)
   const generalQuery = useGeneralQuery()
   const configsQuery = useConfigsQuery()
@@ -97,6 +98,8 @@ export const ConfigPage = () => {
     ]
   }, [generalQuery.data?.general.interfaces, t])
 
+  console.log(form.formState.dirtyFields)
+
   return (
     <div className="space-y-6">
       <p>Configs</p>
@@ -187,7 +190,7 @@ export const ConfigPage = () => {
                       </DialogHeader>
 
                       <div className="py-2">
-                        <Accordion type="multiple">
+                        <Accordion type="multiple" defaultValue={['software-options']}>
                           <AccordionItem value="software-options">
                             <AccordionTrigger>{t('primitives.softwareOptions')}</AccordionTrigger>
 
@@ -641,11 +644,11 @@ export const ConfigPage = () => {
                       </div>
 
                       <DialogFooter>
-                        <Button type="reset" variant="secondary" onClick={() => form.reset()}>
+                        <Button type="reset" variant="secondary" disabled={untouched} onClick={() => form.reset()}>
                           {t('actions.reset')}
                         </Button>
 
-                        <Button type="submit" loading={form.formState.isSubmitting}>
+                        <Button type="submit" disabled={untouched} loading={form.formState.isSubmitting}>
                           {t('actions.submit')}
                         </Button>
                       </DialogFooter>