Merge pull request #691 from arifszn/rename-twitter

Replace Twitter with X in social links and configuration

Author: arifszn

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,15 +508,15 @@ 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
 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

package-lock.json

@@ -45,7 +45,7 @@
     "prettier": "^3.3.2",
     "react-helmet-async": "^2.0.5",
     "react-hotjar": "^6.3.1",
-    "react-icons": "^5.2.1",
+    "react-icons": "^5.4.0",
     "tailwindcss": "^3.4.3",
     "typescript": "^5.6.2",
     "vail": "^1.0.3",

package.json

@@ -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/components/details-card/index.tsx

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

src/interfaces/sanitized-config.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,