diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx index 032c30929..95ca8e80b 100644 --- a/src/app/about/page.tsx +++ b/src/app/about/page.tsx @@ -163,7 +163,9 @@ export default function About() { fitWidth data-border="rounded" > - {social.map( + {social + .filter((item) => item.essential) + .map( (item) => item.link && ( diff --git a/src/resources/content.tsx b/src/resources/content.tsx index 5804608a8..fcf637df1 100644 --- a/src/resources/content.tsx +++ b/src/resources/content.tsx @@ -21,25 +21,36 @@ const newsletter: Newsletter = { const social: Social = [ // Links are automatically displayed. // Import new icons in /once-ui/icons.ts + // Set essentials: true for links you want to show on the about page { name: "GitHub", icon: "github", link: "https://github.com/once-ui-system", + essential: true, }, { name: "LinkedIn", icon: "linkedin", link: "https://www.linkedin.com/company/once-ui/", + essential: true, + }, + { + name: "Instagram", + icon: "instagram", + link: "https://www.instagram.com/once_ui/", + essential: false, }, { name: "Threads", icon: "threads", link: "https://www.threads.com/@once_ui", + essential: true, }, { name: "Email", icon: "email", link: `mailto:${person.email}`, + essential: true, }, ]; diff --git a/src/resources/icons.ts b/src/resources/icons.ts index 4ef635734..c2f5f30f6 100644 --- a/src/resources/icons.ts +++ b/src/resources/icons.ts @@ -29,7 +29,7 @@ import { SiSupabase, } from "react-icons/si"; -import { FaDiscord, FaGithub, FaLinkedin, FaX, FaThreads, FaXTwitter, FaFacebook, FaPinterest, FaWhatsapp, FaReddit, FaTelegram, } from "react-icons/fa6"; +import { FaDiscord, FaGithub, FaLinkedin, FaX, FaThreads, FaInstagram, FaXTwitter, FaFacebook, FaPinterest, FaWhatsapp, FaReddit, FaTelegram, } from "react-icons/fa6"; export const iconLibrary: Record = { arrowUpRight: HiArrowUpRight, @@ -63,6 +63,7 @@ export const iconLibrary: Record = { whatsapp: FaWhatsapp, reddit: FaReddit, telegram: FaTelegram, + instagram: FaInstagram, }; export type IconLibrary = typeof iconLibrary;