Replace Twitter with X in social links and configuration

README.md

@@ -210,7 +210,7 @@ const CONFIG = {
   },
   social: {
     linkedin: 'ariful-alam',
-    twitter: 'arif_szn',
+    x: 'arif_szn',
     mastodon: 'arifszn@mastodon.social',
     researchGate: '',
     facebook: '',
@@ -508,7 +508,7 @@ Your avatar and bio will be fetched from GitHub automatically.
 
 ### Social Links
 
-You can link your social media services you're using, including LinkedIn, Twitter, Mastodon, ResearchGate, Facebook, Instagram, Reddit, Threads, YouTube, Udemy, Dribbble, Behance, Medium, dev, Stack Overflow, Skype, Telegram, personal website, phone and email.
+You can link your social media services you're using, including LinkedIn, X, Mastodon, ResearchGate, Facebook, Instagram, Reddit, Threads, YouTube, Udemy, Dribbble, Behance, Medium, dev, Stack Overflow, Skype, Telegram, personal website, phone and email.
 
 ```ts
 // gitprofile.config.ts
@@ -516,7 +516,7 @@ const CONFIG = {
   // ...
   social: {
     linkedin: 'ariful-alam',
-    twitter: 'arif_szn',
+    x: 'arif_szn',
     mastodon: 'arifszn@mastodon.social',
     researchGate: '',
     facebook: '',

gitprofile.config.ts

@@ -58,7 +58,7 @@ const CONFIG = {
   },
   social: {
     linkedin: 'ariful-alam',
-    twitter: 'arif_szn',
+    x: 'arif_szn',
     mastodon: 'arifszn@mastodon.social',
     researchGate: '',
     facebook: '',

global.d.ts

@@ -113,9 +113,9 @@ interface Social {
   linkedin?: string;
 
   /**
-   * Twitter
+   * X (formerly Twitter)
    */
-  twitter?: string;
+  x?: string;
 
   /**
    * Mastodon

src/components/details-card/index.tsx

@@ -22,7 +22,7 @@ import {
 import { FaSquareThreads } from 'react-icons/fa6';
 import { MdLocationOn } from 'react-icons/md';
 import { RiMailFill, RiPhoneFill } from 'react-icons/ri';
-import { SiResearchgate, SiTwitter, SiUdemy } from 'react-icons/si';
+import { SiResearchgate, SiX, SiUdemy } from 'react-icons/si';
 import { Profile } from '../../interfaces/profile';
 import {
   SanitizedGithub,
@@ -210,12 +210,12 @@ const DetailsCard = ({ profile, loading, social, github }: Props) => {
                   link={`https://www.researchgate.net/profile/${social.researchGate}`}
                 />
               )}
-              {social?.twitter && (
+              {social?.x && (
                 <ListItem
-                  icon={<SiTwitter />}
-                  title="Twitter:"
-                  value={social.twitter}
-                  link={`https://twitter.com/${social.twitter}`}
+                  icon={<SiX />}
+                  title="X:"
+                  value={social.x}
+                  link={`https://x.com/${social.x}`}
                 />
               )}
               {social?.mastodon && (

src/interfaces/sanitized-config.tsx

@@ -44,7 +44,7 @@ export interface SanitizedSEO {
 
 export interface SanitizedSocial {
   linkedin?: string;
-  twitter?: string;
+  x?: string;
   mastodon?: string;
   researchGate?: string;
   facebook?: string;

src/utils/index.tsx

@@ -62,7 +62,7 @@ export const getSanitizedConfig = (
       },
       social: {
         linkedin: config?.social?.linkedin,
-        twitter: config?.social?.twitter,
+        x: config?.social?.x,
         mastodon: config?.social?.mastodon,
         facebook: config?.social?.facebook,
         instagram: config?.social?.instagram,