From 4a0e2f4c4aed60e4b3da228a61612af83cbd4540 Mon Sep 17 00:00:00 2001
From: Robin Zweifel <robin.zweifel@gmail.com>
Date: Fri, 11 Nov 2022 11:07:13 +0100
Subject: [PATCH] Fix zone accordion not toggling on click

---
 src/components/zones/ZoneListButton.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/zones/ZoneListButton.tsx b/src/components/zones/ZoneListButton.tsx
index b5945ff..0d34471 100644
--- a/src/components/zones/ZoneListButton.tsx
+++ b/src/components/zones/ZoneListButton.tsx
@@ -21,7 +21,11 @@ import { ReactComponent as ResetIcon } from "../../assets/ResetIcon_Active_Mouse
 import { ReactComponent as TrashIcon } from "../../assets/TEMP_trash.svg";
 
 import { getTypeEntries } from "../../utils/utils";
-import { zoneReset, zoneUpdated } from "../../features/zones/zonesSlice";
+import {
+  zoneActiveToggled,
+  zoneReset,
+  zoneUpdated,
+} from "../../features/zones/zonesSlice";
 
 interface ZoneListButtonProps {
   zone: Zone;
@@ -78,6 +82,7 @@ export function ZoneListButton({
             ? { backgroundColor: colorTheme[100] }
             : undefined
         }
+        onClick={() => dispatch(zoneActiveToggled(zone.id))}
       >
         <Flex align="center" justify="flex-start">
           {hiddenMode ? (