diff --git a/src/client/components/Settings/AirDCPPSettings/AirDCPPSettingsForm.tsx b/src/client/components/Settings/AirDCPPSettings/AirDCPPSettingsForm.tsx
index e08fd09..426acb3 100644
--- a/src/client/components/Settings/AirDCPPSettings/AirDCPPSettingsForm.tsx
+++ b/src/client/components/Settings/AirDCPPSettings/AirDCPPSettingsForm.tsx
@@ -1,31 +1,39 @@
-import React, { ReactElement, useCallback, useContext } from "react";
-import {
- saveSettings,
- deleteSettings,
-} from "../../../actions/settings.actions";
+import React, { ReactElement, useCallback } from "react";
import { AirDCPPSettingsConfirmation } from "./AirDCPPSettingsConfirmation";
import { isUndefined, isEmpty } from "lodash";
import { ConnectionForm } from "../../shared/ConnectionForm/ConnectionForm";
import { useStore } from "../../../store/index";
+import { useShallow } from "zustand/react/shallow";
export const AirDCPPSettingsForm = (): ReactElement => {
// const airDCPPSettings = useContext(AirDCPPSocketContext);
- const airDCPPSettings = useStore((store) => store.airDCPPClientConfiguration);
- console.log("chinnga", airDCPPSettings);
+ const {
+ airDCPPSocketConnected,
+ disconnectionInfo,
+ socketConnectionInformation,
+ airDCPPClientConfiguration,
+ } = useStore(
+ useShallow((state) => ({
+ airDCPPSocketConnected: state.airDCPPSocketConnected,
+ disconnectionInfo: state.disconnectionInfo,
+ airDCPPClientConfiguration: state.airDCPPClientConfiguration,
+ socketConnectionInformation: state.socketConnectionInformation,
+ })),
+ );
const onSubmit = useCallback(async (values) => {
try {
- airDCPPSettings.setSettings(values);
+ // airDCPPSettings.setSettings(values);
} catch (error) {
console.log(error);
}
}, []);
const removeSettings = useCallback(async () => {
- airDCPPSettings.setSettings({});
+ // airDCPPSettings.setSettings({});
}, []);
//
- const initFormData = !isUndefined(airDCPPSettings)
- ? airDCPPSettings
+ const initFormData = !isUndefined(airDCPPClientConfiguration)
+ ? airDCPPClientConfiguration
: {};
return (
@@ -36,13 +44,11 @@ export const AirDCPPSettingsForm = (): ReactElement => {
formHeading={"Configure AirDC++"}
/>
- {!isEmpty(airDCPPSettings.airDCPPState.socketConnectionInformation) ? (
-