fix(web): autolock option style when selected (#1501)

This commit is contained in:
Aman Harwara
2022-09-08 21:29:50 +05:30
committed by GitHub
parent 8ea069cf5c
commit 91d5980a7e

View File

@@ -20,6 +20,7 @@ import Button from '@/Components/Button/Button'
import PreferencesGroup from '../../PreferencesComponents/PreferencesGroup' import PreferencesGroup from '../../PreferencesComponents/PreferencesGroup'
import PreferencesSegment from '../../PreferencesComponents/PreferencesSegment' import PreferencesSegment from '../../PreferencesComponents/PreferencesSegment'
import DecoratedPasswordInput from '@/Components/Input/DecoratedPasswordInput' import DecoratedPasswordInput from '@/Components/Input/DecoratedPasswordInput'
import { classNames } from '@/Utils/ConcatenateClassNames'
type Props = { type Props = {
application: WebApplication application: WebApplication
@@ -240,9 +241,12 @@ const PasscodeLock = ({ application, viewControllerManager }: Props) => {
return ( return (
<a <a
key={option.value} key={option.value}
className={`mr-3 cursor-pointer rounded text-info ${ className={classNames(
option.value === selectedAutoLockInterval ? 'bg-info px-1.5 py-0.5 text-info-contrast' : '' 'mr-3 cursor-pointer rounded',
}`} option.value === selectedAutoLockInterval
? 'bg-info px-1.5 py-0.5 text-info-contrast'
: 'text-info',
)}
onClick={() => selectAutoLockInterval(option.value)} onClick={() => selectAutoLockInterval(option.value)}
> >
{option.label} {option.label}