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) ? ( - + {!isEmpty(socketConnectionInformation) ? ( + ) : null} - {!isEmpty(airDCPPSettings.airDCPPState.socketConnectionInformation) ? ( + {!isEmpty(airDCPPClientConfiguration) ? (