chore(ui): colorize selected jar name
Some checks are pending
Build / build (v26.3.0) (push) Waiting to run
CodeQL / Analyze (push) Waiting to run
Deploy Storybook / deploy (push) Waiting to run

This commit is contained in:
theborakompanioni 2026-07-09 09:44:34 +02:00 committed by Thebora Kompanioni
parent 59dc044423
commit 2ebee2e8ee
3 changed files with 4 additions and 3 deletions

View file

@ -1,5 +1,5 @@
import type { SessionResponse } from '@joinmarket-webui/joinmarket-ng-api-ts/jm'
import type { ComponentProps } from 'react'
import type { SessionResponse } from '@joinmarket-webui/joinmarket-ng-api-ts/jm'
import { useMutation } from '@tanstack/react-query'
import type { TFunction } from 'i18next'
import { LockKeyholeIcon, LogOutIcon, PackageSearchIcon, SettingsIcon, ShuffleIcon, WalletIcon } from 'lucide-react'

View file

@ -42,7 +42,8 @@ export function Jar({
<p
className={cn(
'text-muted-foreground',
disabled ? [] : ['group-hover/jar:font-bold', `group-hover/jar:text-[${color}]`],
!disabled && isSelected ? ['font-bold', `text-[${color}]`] : [],
!disabled ? ['group-hover/jar:font-bold', `group-hover/jar:text-[${color}]`] : [],
)}
>
{name}

View file

@ -34,7 +34,7 @@ export const SelectableJar = ({
tabIndex={-1}
>
<Jar
className="flex-col gap-0"
className="flex-col"
name={name}
color={color}
totalBalance={totalBalance}