feat: twitter -> x

Author: DIYgod

.env.example

@@ -7,7 +7,7 @@ NEXT_PUBLIC_APP_NAME=xLog
 NEXT_PUBLIC_OUR_DOMAIN=localhost:2222
 NEXT_PUBLIC_SCORE_API_DOMAIN=localhost:2222
 NEXT_PUBLIC_DISCORD_LINK="https://discord.gg/46VJMMVCuF"
-NEXT_PUBLIC_TWITTER_LINK="https://twitter.com/_xLog"
+NEXT_PUBLIC_TWITTER_LINK="https://x.com/_xLog"
 NEXT_PUBLIC_GITHUB_LINK="https://github.com/Crossbell-Box/xlog"
 NEXT_PUBLIC_CSB_IO="https://crossbell.io"
 NEXT_PUBLIC_CSB_SCAN="https://scan.crossbell.io"

README.md

@@ -5,7 +5,7 @@
 
 > 🪽 An open-source creative community written on the blockchain.
 
-[![Discord](https://img.shields.io/badge/chat-Discord-5865F2.svg?logo=discord&style=flat-square)](https://discord.gg/46VJMMVCuF) [![Twitter](https://img.shields.io/badge/Twitter-@_xLog-1d9bf0.svg?logo=twitter&style=flat-square)](https://twitter.com/_xLog) [![build](https://img.shields.io/github/actions/workflow/status/Crossbell-Box/xLog/docker-build-push-prod.yaml?logo=github&style=flat-square)](https://github.com/Crossbell-Box/xLog/actions/workflows/docker-build-push-prod.yaml)
+[![Discord](https://img.shields.io/badge/chat-Discord-5865F2.svg?logo=discord&style=flat-square)](https://discord.gg/46VJMMVCuF) [![Twitter](https://img.shields.io/badge/Twitter-@_xLog-1d9bf0.svg?logo=twitter&style=flat-square)](https://x.com/_xLog) [![build](https://img.shields.io/github/actions/workflow/status/Crossbell-Box/xLog/docker-build-push-prod.yaml?logo=github&style=flat-square)](https://github.com/Crossbell-Box/xLog/actions/workflows/docker-build-push-prod.yaml)
 
 ## Introduction
 

public/assets/social/telegram.svg

@@ -1,6 +1,5 @@
 import { useTranslations } from "next-intl"
 import dynamic from "next/dynamic"
-import Image from "next/image"
 import { FC } from "react"
 import { toast } from "react-hot-toast"
 
@@ -24,18 +23,11 @@ interface ShareData {
 
 const shareList = [
   {
-    name: "Twitter",
-    icon: (
-      <Image
-        width={16}
-        height={16}
-        src="/assets/social/twitter.svg"
-        alt="twitter"
-      />
-    ),
+    name: "X",
+    icon: <img width={16} height={16} src="https://icons.ly/x" alt="x" />,
     onClick: (data: ShareData) => {
       window.open(
-        `https://twitter.com/intent/tweet?url=${
+        `https://x.com/intent/tweet?url=${
           data.url
         }&text=${encodeURIComponent(data.text)}&via=_xLog`,
       )
@@ -44,10 +36,10 @@ const shareList = [
   {
     name: "Telegram",
     icon: (
-      <Image
+      <img
         width={16}
         height={16}
-        src="/assets/social/telegram.svg"
+        src="https://icons.ly/telegram"
         alt="telegram"
       />
     ),

public/assets/social/twitter.svg

@@ -29,14 +29,15 @@ export const PlatformsSyncMap: {
     url: "https://t.me/{username}",
   },
   twitter: {
-    name: "Twitter",
-    url: "https://twitter.com/{username}",
-    portfolioDomain: `https://twitter.com/`,
+    name: "X",
+    icon: `${iconCDN}/x`,
+    url: "https://x.com/{username}",
+    portfolioDomain: `https://x.com/`,
   },
   twitter_id: {
-    name: "Twitter",
-    icon: `${iconCDN}/twitter`,
-    url: "https://twitter.com/i/user/{username}",
+    name: "X",
+    icon: `${iconCDN}/x`,
+    url: "https://x.com/i/user/{username}",
   },
   x: {
     name: "X",

src/components/common/ReactionShare.tsx

@@ -59,7 +59,7 @@ export const getTwitterShareUrl = ({
     return ""
   }
 
-  return `https://twitter.com/intent/tweet?url=${getSiteLink({
+  return `https://x.com/intent/tweet?url=${getSiteLink({
     subdomain: site.handle!,
     domain: site.metadata?.content?.custom_domain,
   })}/${encodeURIComponent(slug)}&via=_xLog&text=${encodeURIComponent(