Update:Twitter Icon

Author: Shiva-Sai-ssb

package.json

@@ -66,7 +66,7 @@
     "react-emoji-render": "^2.0.1",
     "react-hook-form": "^7.52.1",
     "react-i18next": "^13.3.1",
-    "react-icons": "^4.10.1",
+    "react-icons": "^5.2.1",
     "react-lite-youtube-embed": "^2.4.0",
     "react-select": "5.8.0",
     "reading-time": "^1.5.0",

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 {
   Box,
@@ -28,7 +28,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,

yarn.lock

@@ -12416,10 +12416,10 @@ react-i18next@^13.3.1:
     "@babel/runtime" "^7.22.5"
     html-parse-stringify "^3.0.1"
 
-react-icons@^4.10.1:
-  version "4.12.0"
-  resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-4.12.0.tgz#54806159a966961bfd5cdb26e492f4dafd6a8d78"
-  integrity sha512-IBaDuHiShdZqmfc/TwHu6+d6k2ltNCf3AszxNmjJc1KUfXdEeRJOKyNvLmAHaarhzGmTSVygNdyu8/opXv2gaw==
+react-icons@^5.2.1:
+  version "5.2.1"
+  resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-5.2.1.tgz#28c2040917b2a2eda639b0f797bff1888e018e4a"
+  integrity sha512-zdbW5GstTzXaVKvGSyTaBalt7HSfuK5ovrzlpyiWHAFXndXTdd/1hdDHI4xBM1Mn7YriT6aqESucFl9kEXzrdw==
 
 react-is@18.1.0:
   version "18.1.0"