hazemKrimi/personal-website
1
0
Fork 0
mirror of https://github.com/hazemKrimi/personal-website.git synced 2026-05-01 18:00:26 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update project structure

Browse Source
This commit is contained in:
Hazem Krimi
2022-01-08 19:06:43 +01:00
parent 574f0b4d63
commit 79279e4706
20 changed files with 78 additions and 104 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/MobileNav/index.tsx
+5 -5
View File
@@ -1,12 +1,12 @@
import { FC, useContext, useRef, useEffect } from 'react';
import { DarkModeContext } from '../DarkMode';
import { ThemeContext } from '../../styles/theme';
import { Props } from './types';
import { Bar } from './styles';
import IconButton from '../IconButton';
import Button from '../Button';
const MobileNav: FC<Props> = ({ open, close }) => {
const { dark, toggle } = useContext(DarkModeContext);
const { mode, toggle } = useContext(ThemeContext);
const ref = useRef<HTMLDivElement>(null);
useEffect(() => {
@@ -29,16 +29,16 @@ const MobileNav: FC<Props> = ({ open, close }) => {
});
return (
<Bar dark={dark} open={open} ref={ref}>
<Bar open={open} ref={ref}>
<div className='close'>
<IconButton
icon={dark ? '/icons/dark-close.svg' : '/icons/light-close.svg'}
icon={mode === 'dark' ? '/icons/dark-close.svg' : '/icons/light-close.svg'}
onClick={close}
/>
</div>
<div className='mobile-button-wrapper'>
<Button href='#' onClick={() => toggle()}>
{dark ? 'Light Mode' : 'Dark Mode'}
{mode === 'dark' ? 'Light Mode' : 'Dark Mode'}
</Button>
</div>
<div className='mobile-button-wrapper'>