Merge pull request #21 from csesoc/CW2-31-refactor-code

[CW2-31] refactor code

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,59 +5,51 @@ export type sponsorInfo = {
   description: string;
 };
 
-export type socialInfo = {
-  href: string;
-  src: string;
-  alt: string;
-};
-
 export const diamondLinks: sponsorInfo[] = [
   {
     href: 'https://www.janestreet.com/',
-    svg: 'assets/janestreet_logo.svg',
+    svg: '/assets/janestreet_logo.svg',
     alt: 'Janestreet logo',
     description: "Jane Street is a research-driven trading firm where curious people work together on deep problems",
   },
   {
     href: 'https://www.tiktok.com/en/',
-    svg: 'assets/tiktok_logo.svg',
+    svg: '/assets/tiktok_logo.svg',
     alt: 'Tiktok logo',
     description: "TikTok is a social media platform for creating, sharing and discovering short videos",
-
   }
 ];
 
 export const goldLinks: sponsorInfo[] = [
   {
     href: 'https://www.atlassian.com/',
-    svg: 'assets/atlassian_logo.svg',
+    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/',
-    svg: 'assets/citadel_logo.svg',
+    svg: '/assets/citadel_logo.svg',
     alt: 'Citadel logo',
     description: "We are an alternative investment manager working on behalf of the world's preeminent institutions. Discover our work, teams, careers and more",
   },
   {
     href: 'https://www.imc.com/ap/',
-    svg: 'assets/imc_logo.svg',
+    svg: '/assets/imc_logo.svg',
     alt: 'IMC logo',
     description: "For three decades IMC has provided liquidity to the financial markets globally. Specialised in algorithmic trading and advanced technology, we set the pace for the evolution of market making.",
 
   },
   {
     href: 'https://neara.com/',
-    svg: 'assets/neara_logo.svg',
+    svg: '/assets/neara_logo.svg',
     alt: 'Neara logo',
-    description: "Neara electric utility software is a physics-enabled platform that builds 3D interactive models of critical infrastructure networks and assets.",
+    description: "Neara electric utility software is a physics-enabled platform that builds 3D interactive models of critical infrastructure networks and /assets.",
 
   },
   {
     href: 'https://safetyculture.com/',
-    svg: 'assets/safetyculture_logo.svg',
+    svg: '/assets/safetyculture_logo.svg',
     alt: 'SafetyCulture logo',
     description: "Get to the root cause of workplace trends with total visibility across your organization. Use data from completed inspections, reported incidents, sensors, and asset history to keep workers safe, and prevent things from happening in the first place"
   }
@@ -66,107 +58,69 @@ export const goldLinks: sponsorInfo[] = [
 export const silverLinks: sponsorInfo[] = [
   {
     href: 'https://appian.com/',
-    svg: 'assets/appian_logo.svg',
+    svg: '/assets/appian_logo.svg',
     alt: 'Appian logo',
     description: "Appian Corporation is an American cloud computing and enterprise software company headquartered in McLean, Virginia, part of the Dulles Technology Corridor. The company sells a platform as a service for building enterprise software applications",
   },
   {
     href: 'https://www.flowtraders.com/',
-    svg: 'assets/flowtraders_logo.svg',
+    svg: '/assets/flowtraders_logo.svg',
     alt: 'FlowTraders logo',
     description: "Flow Traders is a proprietary trading firm. A market maker, it provides liquidity in the securities market by using high frequency and quantitative trading strategies",
   },
   {
     href: 'https://www.macquarie.com.au/',
-    svg: 'assets/macquarie_logo.svg',
+    svg: '/assets/macquarie_logo.svg',
     alt: 'Macquarie logo',
     description: "Macquarie Bank offers transaction accounts, home loans, credit cards, online banking, business banking and more"
 
   },
   {
     href: 'https://optiver.com/',
-    svg: 'assets/optiver_logo.svg',
+    svg: '/assets/optiver_logo.svg',
     alt: 'Optiver logo',
     description: "Optiver is a global market maker. As one of the oldest market making firms in the world, Optiver has been improving financial markets since 1986"
   },
   {
     href: 'https://quantium.com/',
-    svg: 'assets/quantium_logo.svg',
+    svg: '/assets/quantium_logo.svg',
     alt: 'Quantium logo',
     description: "Quantium has developed a world-class data science and AI solution that has transformed the accuracy of Walmart's prediction of customers' needs at scale"
   },
   {
     href: 'https://quickli.com.au/',
-    svg: 'assets/quickli_logo.svg',
+    svg: '/assets/quickli_logo.svg',
     alt: 'Quickli logo',
     description: "Bringing 30+ lender calcs into one, easy-to-use interface delivering accurate results and relevant policy insights for even the most complex scenarios."
   },
   {
     href: 'https://www.revolutionise.com.au/',
-    svg: 'assets/revsport_logo.svg',
+    svg: '/assets/revsport_logo.svg',
     alt: 'RevolutioniseSport logo',
     description: "revolutioniseSPORT is an online management platform for sports of all shapes and sizes"
   },
   {
     href: 'https://www.recordpoint.com/',
-    svg: 'assets/recordpoint_logo.svg',
+    svg: '/assets/recordpoint_logo.svg',
     alt: 'RecordPoint logo',
     description: "Manage all your data and records in one central place – without moving them",
   },
   {
     href: 'https://sig.com/',
-    svg: 'assets/susquehanna_logo.svg',
+    svg: '/assets/susquehanna_logo.svg',
     alt: 'Susquehanna logo',
     description: "Discover Susquehanna, a global quantitative trading firm built on a rigorous, analytical foundation in financial markets."
   },
   {
     href: 'https://zip.co/au',
-    svg: 'assets/zip_logo.svg',
+    svg: '/assets/zip_logo.svg',
     alt: 'Zip logo',
     description: "Zip Co Limited is a global 'buy now pay later' financial technology company with operations in Australia, New Zealand and the USA",
   },
   {
     href: 'https://www.canva.com/en_au/',
-    svg: 'assets/canva_logo.svg',
+    svg: '/assets/canva_logo.svg',
     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/About/AboutHomepage.tsx

@@ -1,5 +1,5 @@
-import Link from "next/link";
 import Image from "next/image";
+
 export default function AboutHomePage() {
     return (
         <section className="py-8 xl:px-24 sm:px-10 px-5" id="about">
@@ -30,7 +30,7 @@ export default function AboutHomePage() {
                     We are here to fulfil the social, personal and 
                     professional needs of CSE students, and promote computing through a variety of forms.
                     <br/><br/>
-                    Learn more <a href="about" className="text-[#3977F9]">about us!</a>
+                    Learn more <a href="/about" className="text-[#3977F9]">about us!</a>
                   </p>
 
                 </div>