diff --git a/apps/site/navigation.json b/apps/site/navigation.json index afac06ea50205..e673dd2d4d8be 100644 --- a/apps/site/navigation.json +++ b/apps/site/navigation.json @@ -80,11 +80,6 @@ "link": "https://discord.gg/nodejs", "alt": "Discord" }, - { - "icon": "mastodon", - "link": "https://social.lfx.dev/@nodejs", - "alt": "Mastodon" - }, { "icon": "bluesky", "link": "https://bsky.app/profile/nodejs.org", diff --git a/packages/ui-components/__design__/social-logos.stories.tsx b/packages/ui-components/__design__/social-logos.stories.tsx index e07f97cb83f53..7ae402fcba522 100644 --- a/packages/ui-components/__design__/social-logos.stories.tsx +++ b/packages/ui-components/__design__/social-logos.stories.tsx @@ -1,20 +1,8 @@ -import { - Bluesky, - Discord, - GitHub, - LinkedIn, - Mastodon, - Slack, - X, -} from '#ui/Icons/Social'; +import { Bluesky, Discord, GitHub, LinkedIn, Slack, X } from '#ui/Icons/Social'; import type { Meta as MetaObj, StoryObj } from '@storybook/react-webpack5'; -const socialIcons = [ - [GitHub, Mastodon, LinkedIn], - [Slack, X, Bluesky], - [Discord], -]; +const socialIcons = [[GitHub, LinkedIn], [Slack, X, Bluesky], [Discord]]; export const SocialMediaLogos: StoryObj = { render: () => ( diff --git a/packages/ui-components/src/Containers/Footer/index.stories.tsx b/packages/ui-components/src/Containers/Footer/index.stories.tsx index 5c4101ee1cece..34645c3777aa7 100644 --- a/packages/ui-components/src/Containers/Footer/index.stories.tsx +++ b/packages/ui-components/src/Containers/Footer/index.stories.tsx @@ -14,7 +14,6 @@ export const Default: Story = { ], socialLinks: [ { icon: 'github', link: 'https://github.com' }, - { icon: 'mastodon', link: 'https://mastodon.social' }, { icon: 'twitter', link: 'https://twitter.com' }, { icon: 'slack', link: 'https://slack.com' }, { icon: 'linkedin', link: 'https://linkedin.com' }, diff --git a/packages/ui-components/src/Containers/Footer/index.tsx b/packages/ui-components/src/Containers/Footer/index.tsx index c9bf03318b86e..aea852069c44d 100644 --- a/packages/ui-components/src/Containers/Footer/index.tsx +++ b/packages/ui-components/src/Containers/Footer/index.tsx @@ -1,15 +1,7 @@ import classNames from 'classnames'; import NavItem from '#ui/Containers/NavBar/NavItem'; -import { - Bluesky, - Discord, - GitHub, - LinkedIn, - Mastodon, - Slack, - X, -} from '#ui/Icons/Social'; +import { Bluesky, Discord, GitHub, LinkedIn, Slack, X } from '#ui/Icons/Social'; import type { LinkLike } from '#ui/types'; import type { FC, ReactNode, SVGProps } from 'react'; @@ -18,7 +10,6 @@ import styles from './index.module.css'; const footerSocialIcons: Record>> = { github: GitHub, - mastodon: Mastodon, twitter: X, slack: Slack, linkedin: LinkedIn, diff --git a/packages/ui-components/src/Icons/Social/Mastodon.tsx b/packages/ui-components/src/Icons/Social/Mastodon.tsx deleted file mode 100644 index 90034d7a866ee..0000000000000 --- a/packages/ui-components/src/Icons/Social/Mastodon.tsx +++ /dev/null @@ -1,36 +0,0 @@ -import type { FC, SVGProps } from 'react'; - -const MastodonIcon: FC> = props => ( - - - - - - - - - - -); - -export default MastodonIcon; diff --git a/packages/ui-components/src/Icons/Social/index.ts b/packages/ui-components/src/Icons/Social/index.ts index da4edf3064faf..1ab2be8a42521 100644 --- a/packages/ui-components/src/Icons/Social/index.ts +++ b/packages/ui-components/src/Icons/Social/index.ts @@ -2,8 +2,7 @@ import Bluesky from '#ui/Icons/Social/Bluesky'; import Discord from '#ui/Icons/Social/Discord'; import GitHub from '#ui/Icons/Social/GitHub'; import LinkedIn from '#ui/Icons/Social/LinkedIn'; -import Mastodon from '#ui/Icons/Social/Mastodon'; import Slack from '#ui/Icons/Social/Slack'; import X from '#ui/Icons/Social/X'; -export { Bluesky, Discord, GitHub, LinkedIn, Mastodon, Slack, X }; +export { Bluesky, Discord, GitHub, LinkedIn, Slack, X };