Skip to content

Commit

Permalink
Merge pull request #360 from marleypm16/#359
Browse files Browse the repository at this point in the history
feat : add tiktok icon
  • Loading branch information
wouerner authored Aug 14, 2024
2 parents 03cfd03 + 5252ec4 commit b42988f
Show file tree
Hide file tree
Showing 2 changed files with 15 additions and 2 deletions.
8 changes: 6 additions & 2 deletions src/components/FooterDefault/styles.ts
Original file line number Diff line number Diff line change
Expand Up @@ -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`
Expand Down Expand Up @@ -132,15 +133,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;
Expand Down
9 changes: 9 additions & 0 deletions src/components/SocialLinks.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -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/"
Expand Down

0 comments on commit b42988f

Please sign in to comment.