feat : add tiktok icon

SouJunior · Aug 12, 2024 · 5252ec4 · 5252ec4
1 parent bbba0bc
commit 5252ec4
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/src/components/FooterDefault/styles.ts b/src/components/FooterDefault/styles.ts
@@ -2,6 +2,7 @@ import styled from 'styled-components';
 import { TiSocialFacebook } from 'react-icons/ti';
 import { RiInstagramFill } from 'react-icons/ri';
 import { BsYoutube, BsTelegram, BsGithub } from 'react-icons/bs';
+import { SiTiktok } from "react-icons/si";
 import { AiFillLinkedin } from 'react-icons/ai';
 
 export const Footer = styled.footer`
@@ -131,15 +132,18 @@ export const Footer = styled.footer`
 `;
 export const Grid = styled.ul`
     display: grid;
-    grid-template-columns: auto auto auto;
+    grid-template-columns: repeat(4,1fr);
     column-width: 10px;
     gap: 10px;
 `;
 export const FacebookIcon = styled(TiSocialFacebook)`
     width: 20px;
     height: 20px;
 `;
-
+export const TiktokIcon = styled(SiTiktok)`
+    width: 20px;
+    height: 20px;
+`
 export const YouTubeIcon = styled(BsYoutube)`
     width: 20px;
     height: 20px;

diff --git a/src/components/SocialLinks.tsx b/src/components/SocialLinks.tsx
@@ -31,6 +31,15 @@ const SocialLinks = () => {
                     <S.YouTubeIcon />
                 </a>
             </li>
+            <li>
+                <a 
+                href="https://www.tiktok.com/@soujuniortech"
+                rel='noreferrer'
+                target='_blank'
+                >
+                    <S.TiktokIcon/>
+                </a>
+            </li>
             <li>
                 <a
                     href="https://www.linkedin.com/company/soujunior/"