Update project structure

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
+7 -7
View File
@@ -1,44 +1,44 @@
import { FC, useContext } from 'react';
import { DarkModeContext } from '../../components/DarkMode';
import { ThemeContext } from '../../styles/theme';
import { StyledFooter } from './styles';
import IconButton from '../../components/IconButton';
const Footer: FC = () => {
const { dark } = useContext(DarkModeContext);
const { mode } = useContext(ThemeContext);
return (
<StyledFooter>
<div className='contact'>
<IconButton
icon={dark ? '/icons/light-github.svg' : '/icons/dark-github.svg'}
icon={mode === 'dark' ? '/icons/light-github.svg' : '/icons/dark-github.svg'}
width={16}
height={16}
href='https://github.com/hazemKrimi'
target='_blank'
/>
<IconButton
icon={dark ? '/icons/light-twitter.svg' : '/icons/dark-twitter.svg'}
icon={mode === 'dark' ? '/icons/light-twitter.svg' : '/icons/dark-twitter.svg'}
width={16}
height={16}
href='https://twitter.com/HazemKrimi'
target='_blank'
/>
<IconButton
icon={dark ? '/icons/light-linkedin.svg' : '/icons/dark-linkedin.svg'}
icon={mode === 'dark' ? '/icons/light-linkedin.svg' : '/icons/dark-linkedin.svg'}
width={16}
height={16}
href='https://linkedin.com/in/hazemkrimi'
target='_blank'
/>
<IconButton
icon={dark ? '/icons/light-codepen.svg' : '/icons/dark-codepen.svg'}
icon={mode === 'dark' ? '/icons/light-codepen.svg' : '/icons/dark-codepen.svg'}
width={16}
height={16}
href='https://codepen.io/hazemkrimi'
target='_blank'
/>
<IconButton
icon={dark ? '/icons/light-dribbble.svg' : '/icons/dark-dribbble.svg'}
icon={mode === 'dark' ? '/icons/light-dribbble.svg' : '/icons/dark-dribbble.svg'}
width={16}
height={16}
href='https://dribbble.com/HazemKrimi'