diff --git a/src/assets/facebook.svg b/src/assets/facebook.svg deleted file mode 100644 index e9f7c97..0000000 --- a/src/assets/facebook.svg +++ /dev/null @@ -1,3 +0,0 @@ - - - diff --git a/src/assets/github.svg b/src/assets/github.svg index 1191933..a65e6a1 100644 --- a/src/assets/github.svg +++ b/src/assets/github.svg @@ -1,10 +1 @@ - - - - - - - - - - + \ No newline at end of file diff --git a/src/assets/linkedin.svg b/src/assets/linkedin.svg index d261e40..5659a6d 100644 --- a/src/assets/linkedin.svg +++ b/src/assets/linkedin.svg @@ -1,3 +1 @@ - - - + \ No newline at end of file diff --git a/src/assets/twitter.svg b/src/assets/twitter.svg new file mode 100644 index 0000000..55f785b --- /dev/null +++ b/src/assets/twitter.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index 3b85999..3ac6f5f 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -1,50 +1,50 @@ import React from 'react'; import styled from 'styled-components'; -import FB from '../assets/facebook.svg'; +import TW from '../assets/twitter.svg'; import GH from '../assets/github.svg'; import LI from '../assets/linkedin.svg'; const Wrapper = styled.div` - display: grid; - grid-template-columns: auto 0.7fr; - align-items: center; - padding: 0.5rem 0rem; + display: grid; + grid-template-columns: auto 0.7fr; + align-items: center; + padding: 0.5rem 0rem; - p { - justify-self: flex-start; - } + p { + justify-self: flex-start; + } - .contact { - display: grid; - grid-template-columns: repeat(3, 24px); - column-gap: 0.25rem; - align-items: center; - justify-content: flex-end; + .contact { + display: grid; + grid-template-columns: repeat(3, 24px); + column-gap: 0.25rem; + align-items: center; + justify-content: flex-end; - img { - width: 24px; - height: 24px; - } - } + img { + width: 24px; + height: 24px; + } + } `; const Footer: React.FC = () => { - return ( - -

Hazem Krimi © {new Date().getFullYear()}

-
- - Facebook - - - Github - - - LinkedIn - -
-
- ); -} + return ( + +

Hazem Krimi © {new Date().getFullYear()}

+
+ + LinkedIn + + + Twitter + + + Github + +
+
+ ); +}; -export default Footer; \ No newline at end of file +export default Footer;