From d1b1d36cbe2b276a99a7421101d31ea778235dbe Mon Sep 17 00:00:00 2001
From: Guryash <gmat224@aucklanduni.ac.nz>
Date: Wed, 25 Dec 2024 23:49:52 +1300
Subject: [PATCH] fix: strapi graphql max items

---
 strapi/config/plugins.js                          |  2 +-
 web/src/components/exec-page/PreviousTeamCard.tsx | 12 ++++++------
 web/src/graphql/queries.ts                        |  2 +-
 web/src/screens/ExecScreen.tsx                    |  2 +-
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/strapi/config/plugins.js b/strapi/config/plugins.js
index a1b04f8..5e79129 100644
--- a/strapi/config/plugins.js
+++ b/strapi/config/plugins.js
@@ -19,7 +19,7 @@ module.exports = ({ env }) => ({
       shadowCRUD: true,
       playgroundAlways: false,
       depthLimit: 7,
-      amountLimit: 100,
+      amountLimit: 150,
       apolloServer: {
         tracing: false,
       },
diff --git a/web/src/components/exec-page/PreviousTeamCard.tsx b/web/src/components/exec-page/PreviousTeamCard.tsx
index 8430e2e..ffa8915 100644
--- a/web/src/components/exec-page/PreviousTeamCard.tsx
+++ b/web/src/components/exec-page/PreviousTeamCard.tsx
@@ -15,14 +15,14 @@ export default function PreviousTeamCard({
   return (
     <div
       key={year}
-      className="from-AUIS-dark-teal to-AUIS-teal relative my-3 h-auto w-auto rounded-3xl bg-gradient-to-b px-3 py-2 md:px-20"
+      className="from-AUIS-dark-teal to-AUIS-teal relative my-3  h-auto w-auto rounded-3xl bg-gradient-to-b px-3 py-2 md:px-20"
     >
-      <h2 className="text-tertiary-blue absolute left-5 top-2 mb-3 text-4xl font-bold md:left-10 md:top-5 md:text-5xl">
-        {year}
+      <h2 className="text-white text-center mb-3 text-3xl drop-shadow-glow font-bold md:left-10 md:top-5 md:text-5xl">
+      {year==="2024"? ("🥰") : ("")} {year} {year==="2024"? ("🥰") : ("")}
       </h2>
       {teams.presidents.length > 0 && (
         <div className="flex flex-col items-center">
-          <h3 className="text-tertiary-blue text-2xl font-bold">Presidents</h3>
+          <h3 className="text-tertiary-blue text-2xl font-bold">President</h3>
           <div className="mb-5 flex flex-wrap justify-center px-5">
             {teams.presidents.map((team) => (
               <p
@@ -38,11 +38,11 @@ export default function PreviousTeamCard({
       {teams.executives.length > 0 && (
         <div className="flex flex-col items-center px-0">
           <h3 className="text-tertiary-blue text-2xl font-bold">Executives</h3>
-          <div className="mx-40 grid w-full grid-cols-3 justify-items-center px-2">
+          <div className="mx-40 grid w-full grid-cols-1 md:grid-cols-3 justify-items-center px-2">
             {teams.executives.map((team) => (
               <p
                 key={team.id}
-                className="mx-3 my-1 text-lg font-bold text-white"
+                className="mx-3 my-1 text-lg font-bold text-white text-center"
               >
                 {team.name}
               </p>
diff --git a/web/src/graphql/queries.ts b/web/src/graphql/queries.ts
index 8d6767a..624e6c7 100644
--- a/web/src/graphql/queries.ts
+++ b/web/src/graphql/queries.ts
@@ -125,7 +125,7 @@ export const GET_VALUES = gql`
 
 export const GET_PREVIOUS_TEAMS = gql`
   query {
-    previousTeams {
+    previousTeams(pagination: { limit: 300 }) {
       data {
         id
         attributes {
diff --git a/web/src/screens/ExecScreen.tsx b/web/src/screens/ExecScreen.tsx
index 8612bc8..9b25075 100644
--- a/web/src/screens/ExecScreen.tsx
+++ b/web/src/screens/ExecScreen.tsx
@@ -168,7 +168,7 @@ export default function ExecScreen({ navbar }: { navbar: JSX.Element }) {
           {errorPreviousTeams ? (
             <div className="py-10">There are no previous teams to display</div>
           ) : (
-            <div>
+            <div className=" max-w-[60rem]">
               {sortedPreviousTeams.map((year) => (
                 <PreviousTeamCard
                   key={year}