fix: update twitter icon to X

[RitaDee]

Description

Update the Twitter logo to a simplified version with a new SVG code.

What type of PR is this? (check all applicable)

• 🍕 Feature
• 🐛 Bug Fix
• 📝 Documentation Update
• 🎨 Style
• 🧑‍💻 Code Refactor
• 🔥 Performance Improvements
• ✅ Test
• 🤖 Build
• 🔁 CI
• 📦 Chore (Release)
• ⏩ Revert

Related Tickets & Documents

Fixes #168

Mobile & Desktop Screenshots/Recordings

Before:

After:

Added tests?

• 👍 yes
• 🙅 no, because they aren't needed
• 🙋 no, because I need help

Added to documentation?

• 📜 README.md
• 📓 docs.opensauced.pizza
• 🍕 dev.to/opensauced
• 📕 storybook
• 🙅 no documentation needed

[optional] Are there any post-deployment tasks we need to perform?

[optional] What gif best describes this PR or how it makes you feel?

[netlify]

✅ Deploy Preview for opensauced-landing ready!

Name	Link
🔨 Latest commit	11afa5b
🔍 Latest deploy log	https://app.netlify.com/sites/opensauced-landing/deploys/651c33d94bff8a0008ef9088
😎 Deploy Preview	https://deploy-preview-169--opensauced-landing.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: Accessibility: Best Practices: SEO: PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[nickytonline]

Thanks @RitaDee!

[RitaDee]

I tried changing the Twitter icon to the X icon on the "About" page, but I suspect it is from the CMS (Sanity Studio). Am I right?

[takanome-dev]

I tried changing the Twitter icon to the X icon on the "About" page, but I suspect it is from the CMS (Sanity Studio). Am I right?

cc @RitaDee, I think it's here

landing-page/components/common/SocialLinks.tsx

Lines 15 to 17 in 457c4ac

	url: 'https://twitter.com/saucedopen',
	icon: TwitterLogoW,
	label: 'Twitter',

[bdougie]

We can do it directly in the cms after this is merged.

[RitaDee]

We can do it directly in the cms after this is merged.

Great!

[OgDev-01]

LGTM 🍕

[OgDev-01]

I tried changing the Twitter icon to the X icon on the "About" page, but I suspect it is from the CMS (Sanity Studio). Am I right?

cc @RitaDee, I think it's here

landing-page/components/common/SocialLinks.tsx

Lines 15 to 17 in 457c4ac

	url: 'https://twitter.com/saucedopen',
	icon: TwitterLogoW,
	label: 'Twitter',

update this and we are good @RitaDee 🤗

[RitaDee]

I tried changing the Twitter icon to the X icon on the "About" page, but I suspect it is from the CMS (Sanity Studio). Am I right?

cc @RitaDee, I think it's here

landing-page/components/common/SocialLinks.tsx

Lines 15 to 17 in 457c4ac

	url: 'https://twitter.com/saucedopen',
	icon: TwitterLogoW,
	label: 'Twitter',

update this and we are good @RitaDee 🤗

I already made the change directly in /public/logo/twitterLogoW.svg:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" version="1.1" width="38" height="32" fill="none">
  <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231" fill="#FFF9ED" />
</svg>

That can only be directly changed in the CMS. What I changed is the twitterLogoW.svg in the /public/logo folder. So, wherever it is called it displays the the X icon.