Replace twitter.com with x.com

Author: sergioalvz

layouts/Post/components/Footer/index.tsx

@@ -1,14 +1,14 @@
 import { capitalize } from "lodash";
 import React from "react";
-import { FaGithub, FaTwitter } from "react-icons/fa";
+import { FaGithub, FaXTwitter } from "react-icons/fa6";
 
 import { ApiArticle } from "@/cms/api/ApiArticle";
 
 type ChipProps = { children: React.ReactNode; href: string; type: "twitter" | "github" };
 
 const Chip = ({ children, href, type }: ChipProps) => {
   const kype = capitalize(type);
-  const Icon = type === "twitter" ? FaTwitter : FaGithub;
+  const Icon = type === "twitter" ? FaXTwitter : FaGithub;
 
   const classes = ["Post__Footer__Chip", `Post__Footer__Chip--${kype}`].join(" ");
 
@@ -29,10 +29,7 @@ export function Footer({ post }: FooterProps) {
 
   return (
     <footer className="Post__Footer">
-      <Chip
-        type="twitter"
-        href={`https://twitter.com/intent/tweet?url=${encodeURIComponent(shareableUrl)}&text=${tweet}`}
-      >
+      <Chip type="twitter" href={`https://x.com/intent/tweet?url=${encodeURIComponent(shareableUrl)}&text=${tweet}`}>
         Share on Twitter
       </Chip>
 

layouts/Post/components/Footer/style.css

@@ -21,7 +21,7 @@
 }
 
 .Post__Footer__Chip--Twitter {
-  background-color: #1da1f2;
+  background-color: #24292f;
   color: var(--c-white);
 }
 

next-env.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="next" />
 /// <reference types="next/image-types/global" />
-/// <reference types="next/navigation-types/compat/navigation" />
 
 // NOTE: This file should not be edited
 // see https://nextjs.org/docs/basic-features/typescript for more information.

package.json

@@ -18,7 +18,7 @@
     "prismjs": "1.29.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "react-icons": "4.10.1",
+    "react-icons": "4.11.0",
     "remark-unwrap-images": "3.0.1",
     "zod": "3.21.4"
   },

yarn.lock

@@ -6666,10 +6666,10 @@ react-dom@18.2.0:
     loose-envify "^1.1.0"
     scheduler "^0.23.0"
 
-react-icons@4.10.1:
-  version "4.10.1"
-  resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-4.10.1.tgz#3f3b5eec1f63c1796f6a26174a1091ca6437a500"
-  integrity sha512-/ngzDP/77tlCfqthiiGNZeYFACw85fUjZtLbedmJ5DTlNDIwETxhwBzdOJ21zj4iJdvc0J3y7yOsX3PpxAJzrw==
+react-icons@4.11.0:
+  version "4.11.0"
+  resolved "https://registry.yarnpkg.com/react-icons/-/react-icons-4.11.0.tgz#4b0e31c9bfc919608095cc429c4f1846f4d66c65"
+  integrity sha512-V+4khzYcE5EBk/BvcuYRq6V/osf11ODUM2J8hg2FDSswRrGvqiYUYPRy4OdrWaQOBj4NcpJfmHZLNaD+VH0TyA==
 
 react-is@^16.13.1:
   version "16.13.1"