diff --git a/README.md b/README.md index a94ccb4..7541095 100644 --- a/README.md +++ b/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: '', diff --git a/gitprofile.config.ts b/gitprofile.config.ts index a119f6b..1a081db 100644 --- a/gitprofile.config.ts +++ b/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: '', diff --git a/global.d.ts b/global.d.ts index ab0d14f..3097dd3 100644 --- a/global.d.ts +++ b/global.d.ts @@ -113,9 +113,9 @@ interface Social { linkedin?: string; /** - * Twitter + * X (formerly Twitter) */ - twitter?: string; + x?: string; /** * Mastodon diff --git a/src/components/details-card/index.tsx b/src/components/details-card/index.tsx index 407be68..0a51e0b 100644 --- a/src/components/details-card/index.tsx +++ b/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 && ( } - title="Twitter:" - value={social.twitter} - link={`https://twitter.com/${social.twitter}`} + icon={} + title="X:" + value={social.x} + link={`https://x.com/${social.x}`} /> )} {social?.mastodon && ( diff --git a/src/interfaces/sanitized-config.tsx b/src/interfaces/sanitized-config.tsx index 10d62dd..3494f11 100644 --- a/src/interfaces/sanitized-config.tsx +++ b/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; diff --git a/src/utils/index.tsx b/src/utils/index.tsx index d63f21f..644c24b 100644 --- a/src/utils/index.tsx +++ b/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,