fix pin guard toggle bug

webpack/devices/components/__tests__/pin_guard_input_group_test.tsx

@@ -0,0 +1,33 @@
+jest.mock("../../actions", () => ({
+  settingToggle: jest.fn()
+}));
+
+import * as React from "react";
+import { PinGuardMCUInputGroup } from "../pin_guard_input_group";
+import { mount } from "enzyme";
+import { PinGuardMCUInputGroupProps } from "../interfaces";
+import { bot } from "../../../__test_support__/fake_state/bot";
+import { settingToggle } from "../../actions";
+
+describe("<PinGuardMCUInputGroup/>", () => {
+  const fakeProps = (): PinGuardMCUInputGroupProps => {
+    return {
+      name: "Pin Guard 1",
+      pinNumber: "pin_guard_1_pin_nr",
+      timeout: "pin_guard_1_time_out",
+      activeState: "pin_guard_1_active_state",
+      dispatch: jest.fn(),
+      sourceFwConfig: (x) => {
+        return { value: bot.hardware.mcu_params[x], consistent: true };
+      },
+    };
+  };
+
+  it("calls toggle action ", () => {
+    const p = fakeProps();
+    const wrapper = mount(<PinGuardMCUInputGroup {...p} />);
+    wrapper.find("button").simulate("click");
+    expect(settingToggle).toHaveBeenCalledWith("pin_guard_1_active_state",
+      expect.any(Function));
+  });
+});

webpack/devices/components/pin_guard_input_group.tsx

@@ -39,7 +39,7 @@ export function PinGuardMCUInputGroup(props: PinGuardMCUInputGroupProps) {
         customText={{ textFalse: "low", textTrue: "high" }}
         toggleValue={inactiveState}
         dim={!sourceFwConfig(activeState).consistent}
-        toggleAction={() => settingToggle(activeState, sourceFwConfig)} />
+        toggleAction={() => dispatch(settingToggle(activeState, sourceFwConfig))} />
     </Col>
   </Row>;
 }