From 7639833757ca0c56f05d07f6c10f2ad7ac8f93ca Mon Sep 17 00:00:00 2001
From: Rishi Ghan <rishi.ghan@gmail.com>
Date: Sun, 5 Nov 2023 01:30:52 -0400
Subject: [PATCH] =?UTF-8?q?=F0=9F=8F=97=EF=B8=8F=20Refactoring=20AirDCPP?=
 =?UTF-8?q?=20Settings=20Form=20with=20react-query?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../AirDCPPSettings/AirDCPPSettingsForm.tsx   | 36 +++++++++----------
 1 file changed, 17 insertions(+), 19 deletions(-)

diff --git a/src/client/components/Settings/AirDCPPSettings/AirDCPPSettingsForm.tsx b/src/client/components/Settings/AirDCPPSettings/AirDCPPSettingsForm.tsx
index 5ce5174..7420c4d 100644
--- a/src/client/components/Settings/AirDCPPSettings/AirDCPPSettingsForm.tsx
+++ b/src/client/components/Settings/AirDCPPSettings/AirDCPPSettingsForm.tsx
@@ -12,28 +12,26 @@ export const AirDCPPSettingsForm = (): ReactElement => {
   const airDCPPSettings = useContext(AirDCPPSocketContext);
   console.log(airDCPPSettings);
 
-  //   const onSubmit = useCallback(async (values) => {
-  //     try {
-  //       airDCPPSettings.setSettings(values);
-  //       // dispatch(saveSettings(values, "directConnect"));
-  //     } catch (error) {
-  //       console.log(error);
-  //     }
-  //   }, []);
-  //   const removeSettings = useCallback(async () => {
-  //     airDCPPSettings.setSettings({});
-  //     // dispatch(deleteSettings());
-  //   }, []);
+  const onSubmit = useCallback(async (values) => {
+    try {
+      airDCPPSettings.setSettings(values);
+      // dispatch(saveSettings(values, "directConnect"));
+    } catch (error) {
+      console.log(error);
+    }
+  }, []);
+  const removeSettings = useCallback(async () => {
+    airDCPPSettings.setSettings({});
+    // dispatch(deleteSettings());
+  }, []);
   //
-  //   const initFormData = !isUndefined(
-  //     airDCPPSettings.airDCPPState.settings.directConnect,
-  //   )
-  //     ? airDCPPSettings.airDCPPState.settings.directConnect.client.host
-  //     : {};
+  const initFormData = !isUndefined(airDCPPSettings.airDCPPState.settings)
+    ? airDCPPSettings.airDCPPState.settings
+    : {};
 
   return (
     <>
-      {/* <ConnectionForm
+      <ConnectionForm
         initialData={initFormData}
         submitHandler={onSubmit}
         formHeading={"Configure AirDC++"}
@@ -51,7 +49,7 @@ export const AirDCPPSettingsForm = (): ReactElement => {
             Delete
           </button>
         </p>
-      ) : null} */}
+      ) : null}
     </>
   );
 };