tornadocontrib/go-ethereum
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

enable light/dark mode toggle button

Browse Source
This commit is contained in:
Paul Wackerow 2022-11-15 18:00:50 -08:00
parent c71e2e2e23
commit fe4014c03c
No known key found for this signature in database
GPG Key ID: BB63E296FE9CAB8D
1 changed files with 4 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/UI/Header.tsx
View File

@ -1,4 +1,4 @@
import { Box, Flex, Input, InputGroup, Link, Stack, Text } from '@chakra-ui/react';
import { Box, Flex, Input, InputGroup, Link, Stack, Text, useColorMode } from '@chakra-ui/react';
import { FC } from 'react';
import NextLink from 'next/link';
@ -6,6 +6,7 @@ import { HamburgerIcon, LensIcon, MoonIcon } from '../UI/icons';
import { DOCS_PAGE, DOWNLOADS_PAGE } from '../../constants';
export const Header: FC = () => {
const { toggleColorMode } = useColorMode();
return (
<Flex
mb={4}
@ -100,9 +101,11 @@ export const Header: FC = () => {
{/* DARK MODE SWITCH */}
<Box
as='button'
p={4}
borderRight={{ base: '2px', md: 'none' }}
borderColor='primary'
onClick={toggleColorMode}
>
<MoonIcon color="primary" />
</Box>