Merge pull request #13515 from Shiva-Sai-ssb/fix-12379

Update: Twitter Icon [Fixes #12379]

Author: corwintines

src/components/FindWallet/WalletTable/WalletSocialLinks.tsx

@@ -1,6 +1,6 @@
 import { useRouter } from "next/router"
 import { useTranslation } from "next-i18next"
-import { FaDiscord, FaGlobe, FaTwitter } from "react-icons/fa"
+import { FaDiscord, FaGlobe, FaXTwitter } from "react-icons/fa6"
 import { Flex, Heading, Icon, Stack, Text } from "@chakra-ui/react"
 
 import { Lang, WalletFilter } from "@/lib/types"
@@ -109,7 +109,7 @@ export const WalletSocialLinks = ({
               eventValue: JSON.stringify(filters),
             }}
           >
-            <Icon as={FaTwitter} color="#1da1f2" fontSize="2xl" />
+            <Icon as={FaXTwitter} color="#1da1f2" fontSize="2xl" />
           </SocialLink>
         )}
       </Flex>

src/components/Footer.tsx

@@ -1,5 +1,5 @@
 import { useTranslation } from "next-i18next"
-import { FaDiscord, FaGithub, FaTwitter } from "react-icons/fa"
+import { FaDiscord, FaGithub, FaXTwitter } from "react-icons/fa6"
 import { IoChevronUpSharp } from "react-icons/io5"
 
 import type { FooterLink, FooterLinkSection } from "@/lib/types"
@@ -21,7 +21,7 @@ const socialLinks = [
     ariaLabel: "GitHub",
   },
   {
-    icon: FaTwitter,
+    icon: FaXTwitter,
     href: "https://twitter.com/ethdotorg",
     ariaLabel: "Twitter",
   },

src/components/Quiz/QuizWidget/QuizButtonGroup.tsx

@@ -1,5 +1,5 @@
 import { type Dispatch, type SetStateAction, useMemo } from "react"
-import { FaTwitter } from "react-icons/fa"
+import { FaXTwitter } from "react-icons/fa6"
 import { Center, Icon } from "@chakra-ui/react"
 
 import type { AnswerChoice, Question, QuizKey, QuizStatus } from "@/lib/types"
@@ -148,7 +148,7 @@ export const QuizButtonGroup = ({
           >
             <Button
               variant="outline-color"
-              leftIcon={<Icon as={FaTwitter} />}
+              leftIcon={<Icon as={FaXTwitter} />}
               onClick={handleShare}
             >
               <Translation id="learn-quizzes:share-results" />

src/components/Quiz/QuizzesStats.tsx

@@ -1,6 +1,6 @@
 import { useRouter } from "next/router"
 import { useTranslation } from "next-i18next"
-import { FaTwitter } from "react-icons/fa"
+import { FaXTwitter } from "react-icons/fa6"
 import {
   Box,
   Circle,
@@ -97,7 +97,7 @@ const QuizzesStats = ({
           <GridItem justifySelf={{ lg: "end" }} order={{ base: 3, lg: 2 }}>
             <Button
               variant="outline"
-              leftIcon={<FaTwitter />}
+              leftIcon={<FaXTwitter />}
               onClick={() =>
                 handleShare({
                   score: totalCorrectAnswers,

src/components/SocialListItem.tsx

@@ -3,9 +3,9 @@ import {
   FaGlobe,
   FaRedditAlien,
   FaStackExchange,
-  FaTwitter,
+  FaXTwitter,
   FaYoutube,
-} from "react-icons/fa"
+} from "react-icons/fa6"
 import { Box, Flex, Icon } from "@chakra-ui/react"
 
 const socialColors = {
@@ -18,7 +18,7 @@ const socialColors = {
 
 const icons = {
   reddit: FaRedditAlien,
-  twitter: FaTwitter,
+  twitter: FaXTwitter,
   youtube: FaYoutube,
   discord: FaDiscord,
   stackExchange: FaStackExchange,