fixes

Author: andrew-l3

frontend/public/data/resourceCards.ts

@@ -1,4 +1,5 @@
 export type resourceCards = {
+  id: string;
   href: string;
   svg: string;
   alt: string;
@@ -10,6 +11,7 @@ export type resourceCards = {
 
 export const stage1: resourceCards[] = [
   {
+    id: 's1-1',
     href: 'https://circles.csesoc.app/course-selector',
     svg: '/assets/circles_logo.svg',
     alt: 'Circles',
@@ -22,6 +24,7 @@ export const stage1: resourceCards[] = [
 
 export const stage2: resourceCards[] = [
   {
+    id: 's2-1',
     href: 'https://structs.sh/',
     svg: '/assets/structs_logo.svg',
     alt: 'Structs',
@@ -31,6 +34,7 @@ export const stage2: resourceCards[] = [
     height: 70
   },
   {
+    id: 's2-2',
     href: 'https://jobsboard.csesoc.unsw.edu.au/',
     svg: '/assets/jobsboard_logo.svg',
     alt: 'JobsBoard',
@@ -40,6 +44,7 @@ export const stage2: resourceCards[] = [
     height: 60
   },
   {
+    id: 's2-3',
     href: 'https://notangles.csesoc.app/',
     svg: '/assets/notangles_logo.svg',
     alt: 'Notangles',
@@ -49,6 +54,7 @@ export const stage2: resourceCards[] = [
     height: 70
   },
   {
+    id: 's2-4',
     href: 'https://unilectives.csesoc.app/',
     svg: '/assets/unilectives_logo.svg',
     alt: 'Uni-lectives',
@@ -61,6 +67,7 @@ export const stage2: resourceCards[] = [
 
 export const stage3: resourceCards[] = [
   {
+    id: 's3-1',
     href: 'https://compclub.org/',
     svg: '/assets/compclub_logo.svg',
     alt: 'CompClub',
@@ -70,6 +77,7 @@ export const stage3: resourceCards[] = [
     height: 60
   },
   {
+    id: 's3-2',
     href: 'https://media.csesoc.org.au/',
     svg: '/assets/csesocmedia_logo.svg',
     alt: 'CSESoc Media',
@@ -79,6 +87,7 @@ export const stage3: resourceCards[] = [
     height: 60
   },
   {
+    id: 's3-3',
     href: 'https://media.csesoc.org.au/first-year-guide-2024/',
     svg: '/assets/firstyearguide.svg',
     alt: 'First Year Guide',
@@ -88,6 +97,7 @@ export const stage3: resourceCards[] = [
     height: 60
   },
   {
+    id: 's3-4',
     href: 'https://media.csesoc.org.au/cse-enrol/',
     svg: '/assets/enrolmentguide.svg',
     alt: 'Enrolment Guide',

frontend/src/components/ResourcesAndContacts/index.tsx

@@ -1,6 +1,6 @@
 // import DiscordLogo from "@/public/assets/discord_logo.svg"
 import Image from 'next/image';
-import { stage1, stage2, stage3 } from '../../public/data/resourceCards';
+import { stage1, stage2, stage3 } from '/public/data/resourceCards';
 
 const boxStyling =
   'border border-[#595F6D] rounded-lg hover:border-[#788093] hover:bg-[#070034] hover:bg-opacity-75 transition-all duration-300';
@@ -22,9 +22,10 @@ const ResourcesAndContacts = () => {
           <div className="py-8 bg-no-repeat bg-center">
             <div className="grid grid-cols-4 1 gap-x-9 gap-y-5">
 
-              {stage1.map((item) => {
+              {stage1.map((item: any) => {
                 return (
                   <a
+                    key={item.id}
                     href={item.href}
                     target="_blank"
                     className={`col-span-4 p-5 ${boxStyling} flex`}
@@ -40,13 +41,10 @@ const ResourcesAndContacts = () => {
                 );
               })}
 
-<<<<<<< HEAD:frontend/src/components/ResourcesAndContacts/index.tsx
-              {stage2.map((item) => {
-=======
-              {stage2.map((item, index) => {
->>>>>>> 6094fceb53e408022bf7a1eaec2e9b6c394e7b59:components/ResourcesAndContacts/index.tsx
+              {stage2.map((item: any) => {
                 return (
                   <a
+                    key={item.id}
                     href={item.href}
                     target="_blank"
                     className={`xl:col-span-1 col-span-4 p-5 ${boxStyling}`}
@@ -62,13 +60,10 @@ const ResourcesAndContacts = () => {
                 );
               })}
 
-<<<<<<< HEAD:frontend/src/components/ResourcesAndContacts/index.tsx
-              {stage3.map((item) => {
-=======
-              {stage3.map((item, index) => {
->>>>>>> 6094fceb53e408022bf7a1eaec2e9b6c394e7b59:components/ResourcesAndContacts/index.tsx
+              {stage3.map((item: any) => {
                 return (
                   <a
+                    key={item.id}
                     href={item.href}
                     target="_blank"
                     className={`md:col-span-2 col-span-4 p-5 ${boxStyling} flex`}