feat(#495): Change outdated twitter icon (#594)

* feat(#495): Change outdated twitter icon Related to #495 * fix(#495): changed svg name Related to #495 * fix(#495): fixed wrong formatting for login page * fix(#495): solved less bold issue for X icon
falling-fruit · Nov 17, 2024 · 0d8e630 · 0d8e630
1 parent 80c3f1d
commit 0d8e630
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
@@ -196,6 +196,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.svg b/src/components/entry/icons/X.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 X } from '../../components/entry/icons/X.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="X" title="X">
+      <X />
     </a>
   </div>
 )