10.11.23 add tournament component #7

sth-frontend/src/Tournament.js

@@ -51,9 +51,6 @@ export default function Tournament() {
 }
 
 function Bracket({value, highlight, onScoreChange, index}) {
-    if (highlight) {
-        document.getElementById('bracketWrapper').style.border = "3px solid black"
-    }
     return <div id="bracketWrapper" style={{display: "flex",flexDirection:"row" ,padding: "10px", border: "1px solid black", width: "fit-content"}}>
         <div id="teamNameWrapper" style={{display: "flex", flexDirection: "column"}}>
             <label htmlFor="teamName" style={{fontSize: "8pt"}}>teamname</label>
@@ -61,7 +58,7 @@ function Bracket({value, highlight, onScoreChange, index}) {
         </div>
         <div id="scoreWrapper" style={{display: "flex", flexDirection: "column", marginLeft: "10px"}}>
             <label htmlFor={"score"+index} style={{fontSize: "8pt"}}>score</label>
-            <input id={"score"+index} type="number" style={{width: "35px"}} value={value} onChange={() => onScoreChange(document.querySelector(`#score${index}`).value, index)}/>
+            <input id={"score"+index} type="number" min={0} style={{width: "35px"}} value={value} onChange={() => onScoreChange(document.querySelector(`#score${index}`).value, index)}/>
         </div>
     </div>
 }
\ No newline at end of file