From 87ba5b263e531b5f1298dad2a18a2333c0ed792a Mon Sep 17 00:00:00 2001
From: Felix Albrigtsen <felixalbrigtsen@gmail.com>
Date: Fri, 25 Mar 2022 13:52:37 +0100
Subject: [PATCH] Fixed prop passing and error handling

---
 src/client/src/managetournament.js | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/src/client/src/managetournament.js b/src/client/src/managetournament.js
index bec0d07..038b83d 100644
--- a/src/client/src/managetournament.js
+++ b/src/client/src/managetournament.js
@@ -8,18 +8,16 @@ import { useParams } from 'react-router-dom'
 import { Button, TextField, MenuItem, InputLabel, Select, Container, Slider } from '@mui/material'
 
 function ManageTournament(props) {
-  const { tournamentId } = useParams()
   let [tournamentInfo, setTournamentInfo] = React.useState([]);
 
   React.useEffect(() => {
-    fetch(process.env.BACKEND_URL + `/api/tournament/${tournamentId}`)
+    console.log(props.tournamentId);
+    fetch(process.env.REACT_APP_BACKEND_URL + `/api/tournament/${props.tournamentId}`)
       .then(res => res.json())
       .then(data => {
         
         if (data.status !== "OK") {
-          // Do your error thing
-          console.error(data.data);
-          return;
+          showError(data.data);
         }
         
         setTournamentInfo(data.data);
@@ -68,6 +66,11 @@ function AnnounceButton(props) {
   );
 }
 
+function showError(error) {
+  alert("Something went wrong. \n" + error);
+  console.error(error);
+}
+
 function InviteButton(props) {
   function event() {
     copy();
@@ -86,10 +89,11 @@ function InviteButton(props) {
 }
 
 export default function TournamentManager(props) {
+  const { tournamentId } = useParams()
   return (
     <>
       <Appbar />
-      <ManageTournament />
+      <ManageTournament tournamentId={tournamentId} />
       <AnnounceButton />
       <InviteButton />
       <SaveButton />