teidesu/mtcute-repl
1
0
Fork 1
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Use cn instead of format strings for conditional classes

Browse source
This commit is contained in:
Полина 2025-01-18 08:29:18 +03:00
parent d2c61771e2
commit 7dbf2edbce
1 changed files with 3 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
packages/repl/src/components/nav/NavbarMenu.tsx
View file

@ -116,7 +116,7 @@ export function NavbarMenu(props: {
<span>Light</span> <span>Light</span>
</div> </div>
<div> <div>
<LucideCheck class={`ml-auto size-4 ${localColorMode() !== 'light' ? 'hidden' : ''}`} /> <LucideCheck class={cn('ml-auto size-4', localColorMode() !== 'light' && 'hidden')} />
</div> </div>
</div> </div>
</DropdownMenuItem> </DropdownMenuItem>
@ -127,7 +127,7 @@ export function NavbarMenu(props: {
<span>Dark</span> <span>Dark</span>
</div> </div>
<div> <div>
<LucideCheck class={`ml-auto size-4 ${localColorMode() !== 'dark' ? 'hidden' : ''}`} /> <LucideCheck class={cn('ml-auto size-4', localColorMode() !== 'dark' && 'hidden')} />
</div> </div>
</div> </div>
</DropdownMenuItem> </DropdownMenuItem>
@ -138,7 +138,7 @@ export function NavbarMenu(props: {
<span>System</span> <span>System</span>
</div> </div>
<div> <div>
<LucideCheck class={`ml-auto size-4 ${localColorMode() !== 'system' ? 'hidden' : ''}`} /> <LucideCheck class={cn('ml-auto size-4', localColorMode() !== 'system' && 'hidden')} />
</div> </div>
</div> </div>
</DropdownMenuItem> </DropdownMenuItem>