refactor data.ts

Author: derekxu04

frontend/public/data/socialInfos.ts

@@ -0,0 +1,43 @@
+export type socialInfo = {
+  href: string;
+  src: string;
+  alt: string;
+};
+  
+export const socialLinks: socialInfo[] = [
+  {
+    href: 'https://bit.ly/CSESocDiscord',
+    src: '/assets/discord_logo.svg',
+    alt: 'Discord'
+  },
+  {
+    href: 'https://www.facebook.com/csesoc/',
+    src: '/assets/fb_logo.svg',
+    alt: 'Facebook'
+  },
+  {
+    href: 'https://twitter.com/csesoc?lang=en',
+    src: '/assets/x_twitter_icon.svg',
+    alt: 'X/Twitter'
+  },
+  {
+    href: 'https://www.youtube.com/@CSESocUNSW',
+    src: '/assets/youtube_logo.svg',
+    alt: 'Youtube'
+  },
+  {
+    href: 'https://www.instagram.com/csesoc_unsw/?hl=en',
+    src: '/assets/instagram_logo.svg',
+    alt: 'Instagram'
+  },
+  {
+    href: 'https://www.tiktok.com/@csesoc?lang=en',
+    src: '/assets/tiktok_logo.svg',
+    alt: 'TikTok'
+  },
+  {
+    href: 'https://www.linkedin.com/company/csesoc?originalSubdomain=au',
+    src: '/assets/linkedin_logo.svg',
+    alt: 'LinkedIn'
+  }
+];

frontend/public/data/data.ts renamed to frontend/public/data/sponsorInfos.ts

@@ -5,12 +5,6 @@ export type sponsorInfo = {
   description: string;
 };
 
-export type socialInfo = {
-  href: string;
-  src: string;
-  alt: string;
-};
-
 export const diamondLinks: sponsorInfo[] = [
   {
     href: 'https://www.janestreet.com/',
@@ -23,7 +17,6 @@ export const diamondLinks: sponsorInfo[] = [
     svg: '/assets/tiktok_logo.svg',
     alt: 'Tiktok logo',
     description: "TikTok is a social media platform for creating, sharing and discovering short videos",
-
   }
 ];
 
@@ -33,7 +26,6 @@ export const goldLinks: sponsorInfo[] = [
     svg: '/assets/atlassian_logo.svg',
     alt: 'Atlassian logo',
     description: "Atlassian Corporation is an Australian-American software company that develops products for software developers, and project managers among other groups",
-
   },
   {
     href: 'https://www.citadel.com/',
@@ -131,42 +123,4 @@ export const silverLinks: sponsorInfo[] = [
     alt: 'Canva logo',
     description: "Canva is a free-to-use online graphic design tool. Use it to create social media posts, presentations, posters, videos, logos and more."
   }
-];
-
-export const socialLinks: socialInfo[] = [
-  {
-    href: 'https://bit.ly/CSESocDiscord',
-    src: '/assets/discord_logo.svg',
-    alt: 'Discord'
-  },
-  {
-    href: 'https://www.facebook.com/csesoc/',
-    src: '/assets/fb_logo.svg',
-    alt: 'Facebook'
-  },
-  {
-    href: 'https://twitter.com/csesoc?lang=en',
-    src: '/assets/x_twitter_icon.svg',
-    alt: 'X/Twitter'
-  },
-  {
-    href: 'https://www.youtube.com/@CSESocUNSW',
-    src: '/assets/youtube_logo.svg',
-    alt: 'Youtube'
-  },
-  {
-    href: 'https://www.instagram.com/csesoc_unsw/?hl=en',
-    src: '/assets/instagram_logo.svg',
-    alt: 'Instagram'
-  },
-  {
-    href: 'https://www.tiktok.com/@csesoc?lang=en',
-    src: '/assets/tiktok_logo.svg',
-    alt: 'TikTok'
-  },
-  {
-    href: 'https://www.linkedin.com/company/csesoc?originalSubdomain=au',
-    src: '/assets/linkedin_logo.svg',
-    alt: 'LinkedIn'
-  }
-];
+];

frontend/src/components/Footer.tsx

@@ -1,6 +1,6 @@
 import Image from 'next/image';
 import Link from 'next/link';
-import { socialLinks } from '@/../public/data/data';
+import { socialLinks } from '@/../public/data/socialInfos';
 
 const Footer = () => {
   return (

frontend/src/components/Sponsors/SponsorLinks.tsx

@@ -1,12 +1,10 @@
 import { useState } from 'react';
-import { diamondLinks, goldLinks, silverLinks, sponsorInfo } from '../../../public/data/data';
+import { diamondLinks, goldLinks, silverLinks, sponsorInfo } from '../../../public/data/sponsorInfos';
 import SponsorModal from './SponsorModal';
 
-//import '/styles/sponsorLinks.module.css';
 const logostyle = 'grow-on-hover cursor-pointer transform transition-transform duration-300 hover:scale-105';
 const logodiv = 'block gap-y-8 h-14';
 const background = 'rgba(57, 119, 248, 0.6)';
-// const outer = 'rounded-[4rem] w-[90rem] flex flex-col pl-14 py-14 gap-16';
 
 function SponsorLinks() {
   const [showModal, setShowModal] = useState(false);

frontend/src/components/Sponsors/SponsorModal.tsx

@@ -1,5 +1,6 @@
-import { sponsorInfo } from '../../../public/data/data';
+import { sponsorInfo } from '../../../public/data/sponsorInfos';
 import {motion} from 'framer-motion'
+
 export default function SponsorModal(props: { sponsorInfo: sponsorInfo | null; setFalse: () => void }) {
   if (props.sponsorInfo === null) {
     return (