Merge pull request #381 from euanwm/feature/optimised_events_page

optimised events page

frontend/components/organisms/eventPage.tsx

@@ -1,20 +1,13 @@
-import { useRouter } from 'next/router'
 import HeaderBar from '@/components/molecules/head'
-import { EventMetaData } from '@/api/fetchEventsList/fetchEventsListTypes'
 import fetchEventResult from '@/api/fetchEventResult/fetchEventResult'
 import useSWR from 'swr'
 import { Spinner } from '@nextui-org/react'
 import { EventTable } from '@/components/molecules/eventTable'
+import {EventParams} from "@/pages/events/show";
 
-function ShowEvent(){
-  const router = useRouter()
-  const params: { [key: string]: string } = {}
-  for (const key in router.query) {
-    params[key] = router.query[key]?.toString() || ''
-  }
-
+function ShowEvent(params: EventParams | any){
   const { data, isLoading } = useSWR(
-    params,
+    params.query,
     fetchEventResult,
   )
 

frontend/pages/events/show.tsx

@@ -1,7 +1,16 @@
 import ShowEvent from '@/components/organisms/eventPage'
 
-function Event() {
-  return <ShowEvent />
+function Event(props: EventParams) {
+  return <ShowEvent {...props} />
+}
+
+export interface EventParams {
+  [key: string]: string
+}
+
+export async function getServerSideProps(context: { query: EventParams }) {
+  const query = context.query
+    return { props: { query } }
 }
 
 export default Event