{matches.map(tier => {
let tierNum = tier[0].tier;
@@ -185,16 +187,7 @@ export default function TournamentOverview(props) {
return (
<>
-
-
-
-
-
-
-
-
-
-
+
);
diff --git a/src/client/src/TournamentTeams.js b/src/client/src/TournamentTeams.js
index 1d2ebc7..f311c7d 100644
--- a/src/client/src/TournamentTeams.js
+++ b/src/client/src/TournamentTeams.js
@@ -1,15 +1,30 @@
import * as React from "react";
import { BrowserRouter as Router, Link, Route, Routes, useParams } from "react-router-dom";
import Appbar from "./components/appbar";
+import TournamentBar from "./components/tournamentbar";
import { Button, TextField, Stack, MenuItem, Box, InputLabel, Select, Container, TableContainer, Table, TableBody, TableHead, TableCell, TableRow, Paper, Typography} from "@mui/material";
import AddCircleIcon from '@mui/icons-material/AddCircle';
-
+import DeleteIcon from '@mui/icons-material/Delete';
+import EditIcon from '@mui/icons-material/Edit';
function showError(error) {
alert("Something went wrong. \n" + error);
console.error(error);
}
+function ReturnButton() {
+ const { tournamentId } = useParams();
+ return(
+
+
+
+ )
+}
+
function TeamCreator(props) {
function postCreate() {
let teamName = document.getElementById("teamNameInput").value;
@@ -77,8 +92,8 @@ function TeamList(props) {
{/*
{team.members} */}
-
-
+
+
@@ -196,6 +211,8 @@ export default function TournamentTeams(props) {
return (
<>
+
+
diff --git a/src/client/src/components/appbar.js b/src/client/src/components/appbar.js
index e8dcabb..0d87884 100644
--- a/src/client/src/components/appbar.js
+++ b/src/client/src/components/appbar.js
@@ -1,39 +1,40 @@
import * as React from "react";
import { BrowserRouter as Router, Link, Route, Routes, History } from "react-router-dom";
-import { AppBar, Typography, Toolbar, CssBaseline, Box, Button, IconButton } from "@mui/material"
-import Menu from '@mui/icons-material/Menu'
+import { AppBar, Typography, Toolbar, CssBaseline, Box, Button, IconButton, Grid } from "@mui/material"
+import MenuIcon from '@mui/icons-material/Menu';
import HomeImage from "./homeimage";
export default function Appbar(props) {
return (
<>
-
-
-
-
- Asura Tournaments
-
-
- {/* */}
-
- {props.pageTitle || ""}
-
-
-
-
- {/* */}
+
+
+
+
+ {/*
+
+ Asura Tournaments
+
+ */}
+
+
+ {props.pageTitle || ""}
+
+
+
+
+
+
+
+ {/* */}
+ {/* */}
+
+
-
);
}
\ No newline at end of file
diff --git a/src/client/src/components/nosuchpage.js b/src/client/src/components/nosuchpage.js
new file mode 100644
index 0000000..2bcbc43
--- /dev/null
+++ b/src/client/src/components/nosuchpage.js
@@ -0,0 +1,9 @@
+import * as React from "react";
+import { BrowserRouter as Router, Link, Route, Routes } from "react-router-dom";
+import Home from '../FrontPage';
+
+export default function NoSuchPage() {
+
+}
+
+
diff --git a/src/client/src/components/tournamentbar.js b/src/client/src/components/tournamentbar.js
new file mode 100644
index 0000000..312eb2d
--- /dev/null
+++ b/src/client/src/components/tournamentbar.js
@@ -0,0 +1,51 @@
+import * as React from "react";
+import { useParams } from "react-router-dom";
+import { BrowserRouter as Router, Link, Route, Routes, History } from "react-router-dom";
+import { Stack, Paper, Typography, Box, Button, Grid } from "@mui/material"
+
+export default function TournamentBar(props) {
+ const { tournamentId } = useParams()
+ if (props.pageTitle == "Edit Tournament") {
+ return(
+
+
+
+
+
+
+
+
+
+
+
+ )
+ } else if (props.pageTitle == "Tournament Matches") {
+ return(
+
+
+
+
+
+
+
+
+
+
+
+ )
+ } else if (props.pageTitle == "Edit Teams") {
+ return(
+
+
+
+
+
+
+
+
+
+
+
+ )
+ }
+}
\ No newline at end of file