From b88a7b226286ea39dc593fc511e6eb65cbbfcc1f Mon Sep 17 00:00:00 2001
From: Kurt Hutten <k.hutten@protonmail.ch>
Date: Tue, 12 Oct 2021 20:38:16 +1100
Subject: [PATCH] Remove console noise from Toggle component

---
 app/web/src/components/Toggle/Toggle.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/web/src/components/Toggle/Toggle.tsx b/app/web/src/components/Toggle/Toggle.tsx
index 02dd65c..5c6a446 100644
--- a/app/web/src/components/Toggle/Toggle.tsx
+++ b/app/web/src/components/Toggle/Toggle.tsx
@@ -1,7 +1,7 @@
 const Toggle = ({ offLabel = 'off', onLabel = 'on', checked, onChange }) => {
   return (
     <div className="flex items-center text-sm cursor-pointer font-light">
-      <span className={!checked && 'text-ch-gray-500'}>{offLabel}</span>
+      <span className={`${!checked && 'text-ch-gray-500'}`}>{offLabel}</span>
       <div
         className={
           'mx-2 w-7 h-4 p-1 rounded-full border border-ch-gray-300 relative ' +
@@ -19,7 +19,7 @@ const Toggle = ({ offLabel = 'off', onLabel = 'on', checked, onChange }) => {
           }}
         ></div>
       </div>
-      <span className={checked && 'text-ch-gray-500'}>{onLabel}</span>
+      <span className={`${checked && 'text-ch-gray-500'}`}>{onLabel}</span>
       <input
         className="sr-only"
         type="checkbox"