From 82ea4e9fb7bb7c22ef4b759e1d13e4f0bc2fb7c6 Mon Sep 17 00:00:00 2001
From: Nafees Nazik <84864519+G3root@users.noreply.github.com>
Date: Fri, 7 Apr 2023 02:07:05 +0530
Subject: [PATCH] fix: switch bg when default checked (#8129)

* fix: switch bg

* Update packages/ui/components/form/switch/Switch.tsx

Remove accidental space

---------

Co-authored-by: Alex van Andel <me@alexvanandel.com>
---
 packages/ui/components/form/switch/Switch.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/ui/components/form/switch/Switch.tsx b/packages/ui/components/form/switch/Switch.tsx
index 1b90cf4c8d..7784d32594 100644
--- a/packages/ui/components/form/switch/Switch.tsx
+++ b/packages/ui/components/form/switch/Switch.tsx
@@ -37,7 +37,7 @@ const Switch = (
         )}>
         <PrimitiveSwitch.Root
           className={cx(
-            props.checked ? "bg-inverted" : "bg-emphasis",
+            props.checked || props.defaultChecked ? "bg-inverted" : "bg-emphasis",
             primitiveProps.disabled && "cursor-not-allowed",
             "focus:ring-brand-default h-5 w-[34px] rounded-full shadow-none",
             props.className
@@ -47,7 +47,7 @@ const Switch = (
             id={id}
             className={cx(
               "block h-[14px] w-[14px] rounded-full transition will-change-transform ltr:translate-x-[4px] rtl:-translate-x-[4px] ltr:[&[data-state='checked']]:translate-x-[17px] rtl:[&[data-state='checked']]:-translate-x-[17px]",
-              props.checked ? "bg-default shadow-inner" : "bg-inverted",
+              props.checked || props.defaultChecked ? "bg-default shadow-inner" : "bg-inverted",
               classNames?.thumb
             )}
           />