40 lines
1.3 KiB
TypeScript
40 lines
1.3 KiB
TypeScript
import PageHeader from '@/components/PageHeader'
|
|
import SettingsStore from '@/store/SettingsStore'
|
|
import { eip155Wallets } from '@/utils/EIP155WalletUtil'
|
|
import { Card, Divider, Row, Switch, Text } from '@nextui-org/react'
|
|
import { Fragment } from 'react'
|
|
import { useSnapshot } from 'valtio'
|
|
|
|
export default function SettingsPage() {
|
|
const { testNets, eip155Address } = useSnapshot(SettingsStore.state)
|
|
|
|
return (
|
|
<Fragment>
|
|
<PageHeader title="Settings" />
|
|
<Text h4 css={{ marginBottom: '$5' }}>
|
|
Mnemonic
|
|
</Text>
|
|
<Card bordered borderWeight="light" css={{ minHeight: '75px' }}>
|
|
<Text css={{ fontFamily: '$mono' }}>{eip155Wallets[eip155Address].mnemonic.phrase}</Text>
|
|
</Card>
|
|
|
|
<Text css={{ color: '$yellow500', marginTop: '$5', textAlign: 'center' }}>
|
|
Warning: mnemonic is provided for development purposes only and should not be used
|
|
elsewhere!
|
|
</Text>
|
|
|
|
<Divider y={3} />
|
|
|
|
<Text h4 css={{ marginBottom: '$5' }}>
|
|
Testnets
|
|
</Text>
|
|
<Row justify="space-between" align="center">
|
|
<Switch checked={testNets} onChange={SettingsStore.toggleTestNets} />
|
|
<Text>{testNets ? 'Enabled' : 'Disabled'}</Text>
|
|
</Row>
|
|
|
|
<Divider y={3} />
|
|
</Fragment>
|
|
)
|
|
}
|