chore(ui-ux): updated twitter logo to its latest version (#1843)

* chore(ui-ux): updated twitter logo to its latest version * trigger GitHub actions --------- Co-authored-by: pierregee <[email protected]>
DeFiCh · Aug 2, 2023 · ea8d6ff · ea8d6ff
1 parent e5d6748
commit ea8d6ff
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 2 deletions.
diff --git a/src/components/icons/assets/TwitterIcon.tsx b/src/components/icons/assets/TwitterIcon.tsx
@@ -0,0 +1,18 @@
+import { SVGProps } from "react";
+import { useTheme } from "@contexts/ThemeContext";
+
+export function TwitterIcon({
+  color,
+  ...props
+}: SVGProps<SVGSVGElement>): JSX.Element {
+  const { theme } = useTheme();
+  const fill = theme === "dark" ? "#ffffff" : "#000000";
+  return (
+    <svg width="48" height="48" viewBox="0 0 48 48" fill="none" {...props}>
+      <path
+        d="M10.0681 10.8965L20.8786 25.3514L10 37.1035H12.4485L21.9729 26.8141L29.6681 37.1035H38L26.581 21.8358L36.7069 10.8965H34.2584L25.4872 20.3726L18.4 10.8965H10.0681ZM13.6688 12.7004H17.4964L34.3989 35.3001H30.5712L13.6688 12.7004Z"
+        fill={fill}
+      />
+    </svg>
+  );
+}
diff --git a/src/layouts/components/Footer.tsx b/src/layouts/components/Footer.tsx
@@ -8,14 +8,14 @@ import {
   FaLinkedin,
   FaReddit,
   FaTelegram,
-  FaTwitterSquare,
   FaYoutube,
 } from "react-icons/fa";
 import { Container } from "@components/commons/Container";
 import { NetlifyLightLogo } from "@components/icons/NetlifyLightLogo";
 import { useSelector } from "react-redux";
 import { RootState } from "@store/index";
 import { HoverPopover } from "@components/commons/popover/HoverPopover";
+import { TwitterIcon } from "@components/icons/assets/TwitterIcon";
 
 export function Footer(): JSX.Element {
   return (
@@ -79,7 +79,7 @@ function FooterSectionSocial(): JSX.Element {
           text="Twitter"
           testId="FooterSectionSocial.Twitter"
         >
-          <FaTwitterSquare size={24} />
+          <TwitterIcon width={24} height={24} />
         </FooterSocialRow>
         <FooterSocialRow
           url="https://github.com/DeFiCh"