33 lines
1014 B
TypeScript
33 lines
1014 B
TypeScript
import useLocalStorageState from 'hooks/useLocalStorageState'
|
|
import { useTranslation } from 'next-i18next'
|
|
import { AUTO_CONNECT_WALLET } from 'utils/constants'
|
|
import Switch from '@components/forms/Switch'
|
|
import { SETTINGS_BUTTON_TITLE_CLASSES } from './AccountSettings'
|
|
|
|
const AutoConnectSettings = () => {
|
|
const { t } = useTranslation(['common', 'settings'])
|
|
const [autoConnect, setAutoConnect] = useLocalStorageState(
|
|
AUTO_CONNECT_WALLET,
|
|
true,
|
|
)
|
|
|
|
return (
|
|
<>
|
|
<h3 className="mb-4 text-base text-th-fgd-1">{t('wallet')}</h3>
|
|
<div className="border-b border-th-bkg-3">
|
|
<div className="flex items-center justify-between border-t border-th-bkg-3 p-4">
|
|
<p className={SETTINGS_BUTTON_TITLE_CLASSES}>
|
|
{t('settings:auto-connect-wallet')}
|
|
</p>
|
|
<Switch
|
|
checked={autoConnect}
|
|
onChange={() => setAutoConnect(!autoConnect)}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</>
|
|
)
|
|
}
|
|
|
|
export default AutoConnectSettings
|