From a62b245752158d97f874e694560b3e1b2845817e Mon Sep 17 00:00:00 2001
From: Felix Albrigtsen <felixalbrigtsen@gmail.com>
Date: Wed, 30 Mar 2022 00:25:34 +0200
Subject: [PATCH] Short description

---
 src/client/src/FrontPage.js         | 9 ++++++++-
 src/client/src/TournamentManager.js | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/client/src/FrontPage.js b/src/client/src/FrontPage.js
index ea75da8..f538dcd 100644
--- a/src/client/src/FrontPage.js
+++ b/src/client/src/FrontPage.js
@@ -25,6 +25,13 @@ function CreateButton(props) {
   );
 }
 
+function shorten(description, maxLength) {
+  if (description.length > maxLength) {
+    return description.substring(0, maxLength) + "...";
+  }
+  return description;
+}
+
 function TournamentListItem(props) {
   return (
         <Paper elevation={8} >
@@ -38,7 +45,7 @@ function TournamentListItem(props) {
             />
             <CardContent align="left">
               <Typography variant="h3" component="div" align="center">{props.tournament.name} </Typography>
-              <Typography variant="h5" color="text.primary">{props.tournament.description}</Typography>
+              <Typography variant="h5" color="text.primary">{shorten(props.tournament.description, 200)}</Typography>
               <Typography variant="body2" color="text.secondary"> Start: {props.tournament.startTime.toLocaleString()} </Typography>
               <Typography variant="body2" color="text.secondary"> End: {props.tournament.endTime.toLocaleString()} </Typography>
               <Typography variant="h5" color="text.primary" gutterBottom> Players {props.tournament.teamCount} / {props.tournament.teamLimit} </Typography>
diff --git a/src/client/src/TournamentManager.js b/src/client/src/TournamentManager.js
index e331ae9..3ed5e11 100644
--- a/src/client/src/TournamentManager.js
+++ b/src/client/src/TournamentManager.js
@@ -120,7 +120,7 @@ function ManageTournament(props) {
           {/* <InputLabel htmlFor="editName">Edit name: </InputLabel> */}
           <TextField type="text" id="editName" label="Edit Name:" placeholder="Edit Name" InputLabelProps={{shrink: true}}/>
           {/* <InputLabel htmlFor="editDesc">Edit description: </InputLabel> */}
-          <TextField type="text" id="editDesc" label="Edit Description:" placeholder="Edit Description" InputLabelProps={{shrink: true}} />
+          <TextField type="text" multiline={true} id="editDesc" label="Edit Description:" placeholder="Edit Description" InputLabelProps={{shrink: true}} />
           
               {/* <Box sx={{ flexGrow: 1 }}>
                 <Grid container spacing={-20} justifyContent="center">