From 8a78245a6aa4e53822c643ecc3a81ecb492f631c Mon Sep 17 00:00:00 2001
From: Dmitry Borisenko <49808844+DmitryBorisenko33@users.noreply.github.com>
Date: Tue, 19 Oct 2021 22:26:09 +0800
Subject: [PATCH] toggle

---
 src/App.svelte            | 6 +++---
 src/widgets/Toggle.svelte | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index 05d95a3..33a9f58 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -87,7 +87,7 @@
       page: "Toggles",
       order: "3",
       descr: "Light in my room",
-      topic: "/prefix/00000-00003/btn",
+      topic: "/prefix/00000-00003/btn1",
       ws: 1,
     },
     {
@@ -96,7 +96,7 @@
       page: "Toggles",
       order: "3",
       descr: "Light in my room",
-      topic: "/prefix/00000-00003/btn",
+      topic: "/prefix/00000-00003/btn2",
       ws: 1,
     },
     {
@@ -105,7 +105,7 @@
       page: "Toggles",
       order: "3",
       descr: "Light in my room",
-      topic: "/prefix/00000-00003/btn",
+      topic: "/prefix/00000-00003/btn3",
       ws: 1,
     },
   ];
diff --git a/src/widgets/Toggle.svelte b/src/widgets/Toggle.svelte
index 4c779ba..bdadf34 100644
--- a/src/widgets/Toggle.svelte
+++ b/src/widgets/Toggle.svelte
@@ -13,9 +13,9 @@
   </div>
   <div class="w-1/3">
     <div class="flex items-center justify-center w-full">
-      <label for="toggleB" class="items-center cursor-pointer">
+      <label for={widget.topic} class="items-center cursor-pointer">
         <div class="relative">
-          <input id="toggleB" type="checkbox" class="sr-only" />
+          <input id={widget.topic} type="checkbox" class="sr-only" />
           <div class="block bg-gray-600 w-14 h-8 rounded-full" />
           <div class="dot absolute left-1 top-1 bg-white w-6 h-6 rounded-full transition" />
         </div>