Skip to content

Replace Twitter icons with X logo across the website #521

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
akshitamodi wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Replace Twitter icons with X logo across the website #521

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
9 changes: 5 additions & 4 deletions src/components/Footer.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@ import Link from 'next/link'
import { Container } from '@/components/Container'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faEnvelope } from '@fortawesome/free-solid-svg-icons'
import { faDiscord, faGithub, faGitlab, faTwitter } from '@fortawesome/free-brands-svg-icons'
import { faDiscord, faGithub, faGitlab, faXTwitter } from '@fortawesome/free-brands-svg-icons'
Copy link

@coderabbitai coderabbitai bot Jan 1, 2026

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue | 🔴 Critical

🧩 Analysis chain

🏁 Script executed:

cat package.json | jq '.dependencies["@fortawesome/free-brands-svg-icons"], .devDependencies["@fortawesome/free-brands-svg-icons"]'

Repository: AOSSIE-Org/website

Length of output: 75

🏁 Script executed:

cat src/components/Footer.jsx

Repository: AOSSIE-Org/website

Length of output: 2879

Update @fortawesome/free-brands-svg-icons dependency to ^6.4.2 or later; faXTwitter requires version 6.4.2+.

The current constraint ^6.2.1 in package.json allows installation of versions 6.2.1–6.4.1, which do not include the faXTwitter icon. Update the dependency to ^6.4.2 to guarantee support.

Additionally, the X social link uses href='https://twitter.com/aossie_org' but should be updated to https://x.com/aossie_org to align with the rebranding and aria-label. Also standardize the formatting of this Link component to match the style of other social links above it.

🤖 Prompt for AI Agents 
In src/components/Footer.jsx around line 6, the file imports faXTwitter which
requires @fortawesome/free-brands-svg-icons v6.4.2+, and the X link is still
pointing to twitter.com plus formatting differs; update package.json to set
"@fortawesome/free-brands-svg-icons": "^6.4.2" (then run install), change the
Link href from "https://twitter.com/aossie_org" to "https://x.com/aossie_org",
ensure the aria-label matches ("X — aossie_org" or similar), and refactor the
Link JSX to match the same formatting/style as the other social links in this
component for consistency.


function NavLink({ href, children }) {
return (
Expand Down Expand Up @@ -45,9 +45,10 @@ export function Footer() {
<Link aria-label="Join on Discord" className=' text-zinc-400 hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400 transition' href='https://discord.gg/hjUhu33uAn'>
<FontAwesomeIcon icon={faDiscord} size='xl' />
</Link>
<Link aria-label="Follow on Twitter" className=' text-zinc-400 hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400 transition' href='https://twitter.com/aossie_org'>
<FontAwesomeIcon icon={faTwitter} size='xl' />
</Link>
<Link aria-label="Follow on X" className=' text-zinc-400 hover:text-[#00843D] dark:text-zinc-400 dark:hover:text-yellow-400 transition' href='https://twitter.com/aossie_org'>
<FontAwesomeIcon icon={faXTwitter} size='xl' />
</Link>

</div>
</div>
</Container.Inner>
Expand Down