You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Portfolio/src/utils/socials.tsx

35 lines
787 B

import { BsTwitter, BsYoutube, BsMastodon, BsGithub } from "react-icons/bs";
import { SiKofi } from "react-icons/si";
const socials: { name: string; url: string; icon: JSX.Element }[] = [
{
name: "Twitter",
url: `https://twitter.com/${import.meta.env.VITE_TWITTER_USERNAME}`,
icon: <BsTwitter />
},
{
name: "Youtube",
url: `https://youtube.com/channel/${
import.meta.env.VITE_YOUTUBE_CHANNEL_ID
}`,
icon: <BsYoutube />
},
{
name: "Mastodon",
url: import.meta.env.VITE_MASTODON_URL,
icon: <BsMastodon />
},
{
name: "Ko-fi",
url: `https://ko-fi.com/${import.meta.env.VITE_KOFI_USERNAME}`,
icon: <SiKofi />
},
{
name: "Github",
url: `https://github.com/${import.meta.env.VITE_GITHUB_USERNAME}`,
icon: <BsGithub />
}
];
export default socials;