Minor ui update

pull/226/head
artemkolodko 2 years ago
parent 631ffef38f
commit a806375c77
  1. 8
      src/components/appHeader/MenuMobile.tsx

@ -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>
}

Loading…
Cancel
Save