From 45aa8c38ab99b660e2cb56a6c7470096022ea89e Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Thu, 22 Dec 2022 00:55:36 -0800
Subject: [PATCH] Update all teams

---
 components/GridRep/index.tsx |  2 +-
 pages/[username].tsx         |  2 +-
 pages/saved.tsx              |  1 +
 pages/teams.tsx              | 38 +++++++++++++++++++++++++-----------
 4 files changed, 30 insertions(+), 13 deletions(-)

diff --git a/components/GridRep/index.tsx b/components/GridRep/index.tsx
index 36c914e1..d34bc05f 100644
--- a/components/GridRep/index.tsx
+++ b/components/GridRep/index.tsx
@@ -164,7 +164,7 @@ const GridRep = (props: Props) => {
           !props.user) ? (
           <Button
             className="Save"
-            accessoryIcon={<SaveIcon class="stroke" />}
+            accessoryIcon={<SaveIcon className="stroke" />}
             active={props.favorited}
             contained={true}
             buttonSize="small"
diff --git a/pages/[username].tsx b/pages/[username].tsx
index d04e6253..3e13015a 100644
--- a/pages/[username].tsx
+++ b/pages/[username].tsx
@@ -18,7 +18,7 @@ import GridRepCollection from '~components/GridRepCollection'
 import FilterBar from '~components/FilterBar'
 
 import type { NextApiRequest, NextApiResponse } from 'next'
-import { PaginationObject } from '~types'
+import type { PaginationObject } from '~types'
 
 interface Props {
   user?: User
diff --git a/pages/saved.tsx b/pages/saved.tsx
index 0cabdd0e..306ac817 100644
--- a/pages/saved.tsx
+++ b/pages/saved.tsx
@@ -19,6 +19,7 @@ import GridRepCollection from '~components/GridRepCollection'
 import FilterBar from '~components/FilterBar'
 
 import type { NextApiRequest, NextApiResponse } from 'next'
+import type { PaginationObject } from '~types'
 
 interface Props {
   teams?: { count: number; total_pages: number; results: Party[] }
diff --git a/pages/teams.tsx b/pages/teams.tsx
index b0005d46..15839788 100644
--- a/pages/teams.tsx
+++ b/pages/teams.tsx
@@ -19,10 +19,11 @@ import GridRepCollection from '~components/GridRepCollection'
 import FilterBar from '~components/FilterBar'
 
 import type { NextApiRequest, NextApiResponse } from 'next'
+import type { PaginationObject } from '~types'
 
 interface Props {
-  teams?: { count: number; total_pages: number; results: Party[] }
-  raids: Raid[]
+  teams?: Party[]
+  meta: PaginationObject
   sortedRaids: Raid[][]
 }
 
@@ -94,9 +95,9 @@ const TeamsRoute: React.FC<Props> = (props: Props) => {
   // Set the initial parties from props
   useEffect(() => {
     if (props.teams) {
-      setTotalPages(props.teams.total_pages)
-      setRecordCount(props.teams.count)
-      replaceResults(props.teams.count, props.teams.results)
+      setTotalPages(props.meta.totalPages)
+      setRecordCount(props.meta.count)
+      replaceResults(props.meta.count, props.teams)
     }
     setCurrentPage(1)
   }, [])
@@ -130,12 +131,14 @@ const TeamsRoute: React.FC<Props> = (props: Props) => {
       api.endpoints.parties
         .getAll({ ...filters, ...{ headers: headers } })
         .then((response) => {
-          setTotalPages(response.data.meta.total_pages)
-          setRecordCount(response.data.meta.count)
+          const results = response.data.results
+          const meta = response.data.meta
 
-          if (replace)
-            replaceResults(response.data.meta.count, response.data.results)
-          else appendResults(response.data.results)
+          setTotalPages(meta.total_pages)
+          setRecordCount(meta.count)
+
+          if (replace) replaceResults(meta.count, results)
+          else appendResults(results)
         })
         .catch((error) => handleError(error))
     },
@@ -384,6 +387,13 @@ export const getServerSideProps = async ({ req, res, locale, query }: { req: Nex
   if (teamElement && teamElement.id > -1) filters.element = teamElement.id
   if (raid) filters.raid = raid.id
 
+  let teams: Party[] | null = null
+  let meta: PaginationObject = {
+    count: 0,
+    totalPages: 0,
+    perPage: 15,
+  }
+
   // Fetch initial set of parties here
   const response = await api.endpoints.parties.getAll({
     params: {
@@ -392,9 +402,15 @@ export const getServerSideProps = async ({ req, res, locale, query }: { req: Nex
     ...headers,
   })
 
+  teams = response.data.results
+  meta.count = response.data.meta.count
+  meta.totalPages = response.data.meta.total_pages
+  meta.perPage = response.data.meta.per_page
+
   return {
     props: {
-      teams: response.data,
+      teams: teams,
+      meta: meta,
       raids: raids,
       sortedRaids: sortedRaids,
       ...(await serverSideTranslations(locale, ["common"])),