|
|
|
@ -79,7 +79,7 @@ export const MenuMobile = (props: { isOpened: boolean; onClose: () => void }) => |
|
|
|
|
align={'center'} |
|
|
|
|
onClick={() => setThemeMode(theme === 'light' ? 'dark' : 'light')}> |
|
|
|
|
<Box>{theme === 'light' ? <Moon /> : <Sun />}</Box> |
|
|
|
|
<Box>{theme === 'light' ? 'Switch to dark mode' : 'Switch to light mode'}</Box> |
|
|
|
|
<Box>{theme === 'light' ? 'Switch to Dark mode' : 'Switch to Light mode'}</Box> |
|
|
|
|
</Box> |
|
|
|
|
} |
|
|
|
|
|
|
|
|
@ -91,15 +91,15 @@ export const MenuMobile = (props: { isOpened: boolean; onClose: () => void }) => |
|
|
|
|
onClick={() => setDateFormatMode(dateFormat === DateFormat.EXACT ? DateFormat.RELATIVE : DateFormat.EXACT)} |
|
|
|
|
> |
|
|
|
|
<Box>{dateFormat === DateFormat.EXACT ? <Clock height={'2px'} /> : <Calendar height={'2px'} />}</Box> |
|
|
|
|
<Box>{dateFormat === DateFormat.EXACT ? 'Switch to relative dates' : 'Switch to exact dates'}</Box> |
|
|
|
|
<Box>{dateFormat === DateFormat.EXACT ? 'Switch to Relative dates' : 'Switch to Exact dates'}</Box> |
|
|
|
|
</Box> |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
return <Box pad={'8px 0'} background={'background'} style={{ display: props.isOpened ? 'block' : 'none' }}> |
|
|
|
|
<MenuRow title={'Home'} items={[]} route={'/'} onSelect={onSelect} /> |
|
|
|
|
<MenuRow title={'Tokens'} items={[{ title: 'HRC20', route: 'hrc20' }, { title: 'HRC721', route: 'hrc721' }, { title: 'HRC1155', route: 'hrc1155' }]} onSelect={onSelect} /> |
|
|
|
|
<MenuRow title={'Tools'} items={[{ title: 'Token Approvals', route: '/tools/approvals' }, { title: 'Check HRC', route: '/tools/checkHrc' }, { title: 'Proxy verification', route: 'proxyContractChecker' }]} onSelect={onSelect} /> |
|
|
|
|
<MenuRow title={'Tools'} items={[{ title: 'Token Approvals', route: '/tools/approvals' }, { title: 'Check HRC', route: '/tools/checkHrc' }, { title: 'Proxy Verification', route: 'proxyContractChecker' }]} onSelect={onSelect} /> |
|
|
|
|
<MenuRow title={'Resources'} items={[{ title: 'Charts & Stats', route: 'charts' }, { title: 'Top Statistics', route: 'topstat' }]} onSelect={onSelect} /> |
|
|
|
|
<MenuRow title={'Appearence'} items={[{ title: '', content: <ThemeSwitch /> }, { title: '', content: <DateFormatSwitch />}]} /> |
|
|
|
|
<MenuRow title={'Appearance'} items={[{ title: '', content: <ThemeSwitch /> }, { title: '', content: <DateFormatSwitch />}]} /> |
|
|
|
|
</Box> |
|
|
|
|
} |
|
|
|
|