feat(#495): Change outdated twitter icon

Related to #495
falling-fruit · Nov 14, 2024 · dc4fb56 · dc4fb56
1 parent 2e9e59a
commit dc4fb56
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/src/components/desktop/Header.js b/src/components/desktop/Header.js
@@ -194,6 +194,7 @@ const SignupButton = styled(Button)`
 
 const StyledSocialButtons = styled(SocialButtons)`
   margin: 0 5px;
+  display: flex;
 
   a {
     color: ${({ theme }) => theme.text};

diff --git a/src/components/entry/icons/X-Twitter.svg b/src/components/entry/icons/X-Twitter.svg
diff --git a/src/components/ui/SocialButtons.js b/src/components/ui/SocialButtons.js
@@ -3,9 +3,10 @@ import {
   Github,
   Instagram,
   Slack,
-  Twitter,
 } from '@styled-icons/boxicons-logos'
 
+import { ReactComponent as XLogo } from '../../components/entry/icons/X-Twitter.svg'
+
 const SocialButtons = ({ ...props }) => (
   <div {...props}>
     <a href="https://github.com/falling-fruit" alt="GitHub" title="GitHub">
@@ -28,8 +29,8 @@ const SocialButtons = ({ ...props }) => (
     >
       <Instagram />
     </a>
-    <a href="https://twitter.com/Falling_Fruit" alt="Twitter" title="Twitter">
-      <Twitter />
+    <a href="https://x.com/Falling_Fruit" alt="Twitter" title="Twitter">
+      <XLogo />
     </a>
   </div>
 )