chore(shared): Updated to social icons/list

config/social.mjs

@@ -0,0 +1,9 @@
+export const social = {
+  YouTube: 'https://www.youtube.com/@freesewing',
+  Discord: 'https://discord.freesewing.org/',
+  Instagram: 'https://instagram.com/freesewing_org',
+  Facebook: 'https://www.facebook.com/groups/627769821272714/',
+  GitHub: 'https://github.com/freesewing',
+  Reddit: 'https://www.reddit.com/r/freesewing/',
+  Twitter: 'https://twitter.com/freesewing_org',
+}

sites/shared/components/social/icons.mjs

@@ -13,43 +13,44 @@ import {
   YouTubeIcon,
 } from 'shared/components/icons.mjs'
 import { colors } from 'shared/components/wordmark.mjs'
+import { social } from 'config/social.mjs'
 
 const iconClasses = (i) => ({
   className: `w-8 lg:w-12 h-8 lg:h-12 text-${colors[i]}-400 hover:text-neutral-content`,
 })
 
-const social = {
+const socialList = {
-  YouTube: {
+  MSF: {
-    icon: <YouTubeIcon {...iconClasses(0)} fill stroke={0} />,
+    icon: <MsfIcon {...iconClasses(0)} fill />,
     href: 'https://www.youtube.com/channel/UCLAyxEL72gHvuKBpa-GmCvQ',
   },
   Discord: {
     icon: <DiscordIcon {...iconClasses(1)} />,
-    href: 'https://discord.freesewing.org/',
+    href: social.Discord,
   },
   Instagram: {
     icon: <InstagramIcon {...iconClasses(2)} />,
-    href: 'https://instagram.com/freesewing_org',
+    href: social.Instagram,
   },
   Facebook: {
     icon: <FacebookIcon {...iconClasses(3)} />,
-    href: 'https://www.facebook.com/groups/627769821272714/',
+    href: social.Facebook,
   },
-  Github: {
+  GitHub: {
     icon: <GithubIcon {...iconClasses(4)} />,
-    href: 'https://github.com/freesewing',
+    href: social.GitHub,
   },
   Reddit: {
     icon: <RedditIcon {...iconClasses(5)} />,
-    href: 'https://www.reddit.com/r/freesewing/',
+    href: social.Reddit,
   },
   Twitter: {
     icon: <TwitterIcon {...iconClasses(6)} />,
-    href: 'https://twitter.com/freesewing_org',
+    href: social.Twitter,
   },
-  'Creative Commons content: CC-BY': {
+  YouTube: {
-    icon: <CcByIcon {...iconClasses(7)} />,
+    icon: <YouTubeIcon {...iconClasses(7)} fill stroke={0} />,
-    href: 'https://creativecommons.org/licenses/by/2.0/',
+    href: social.YouTube,
   },
   'Open Souce License: MIT': {
     icon: <OpenSourceIcon {...iconClasses(8)} />,
@@ -62,8 +63,8 @@ const social = {
 }
 
 export const SocialIcons = () =>
-  Object.keys(social).map((item) => (
+  Object.keys(socialList).map((item) => (
-    <Link key={item} href={social[item].href} className="hover:text-secondary" title={item}>
+    <Link key={item} href={socialList[item].href} className="hover:text-secondary" title={item}>
-      {social[item].icon}
+      {socialList[item].icon}
     </Link>
   ))

sites/shared/config/freesewing.config.mjs

@@ -1,3 +1,5 @@
+import { social } from 'config/social.mjs'
+
 export const freeSewingConfig = {
   monorepo: 'https://github.com/freesewing/freesewing',
   backend: process.env.NEXT_PUBLIC_BACKEND,
@@ -37,4 +39,5 @@ export const freeSewingConfig = {
       notes: 2,
     },
   },
+  social,
 }