From 078f00f4ef505338979ffc05f13d87ab27b3aeca Mon Sep 17 00:00:00 2001
From: Kristoffer Juelsen <kristoju@stud.ntnu.no>
Date: Wed, 23 Mar 2022 10:10:42 +0100
Subject: [PATCH] added appbar component

---
 src/client/src/createtournament.js |  7 +++++--
 src/client/src/frontpage.js        | 14 ++++----------
 2 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/src/client/src/createtournament.js b/src/client/src/createtournament.js
index 6a98136..43d5537 100644
--- a/src/client/src/createtournament.js
+++ b/src/client/src/createtournament.js
@@ -1,6 +1,8 @@
 import * as React from "react";
 import { BrowserRouter as Router, Link, Route, Routes } from "react-router-dom";
-import HomeImage from "./components/homeimage";
+import Appbar from "./components/appbar";
+
+import CssBaseline from '@mui/material/CssBaseline'
 
 function CreateButton(props) {
   return (
@@ -71,7 +73,8 @@ function CreateForm(props) {
 export default function CreateTournament(props) {
   return (
     <React.Fragment>
-      <HomeImage />
+      <CssBaseline />
+      <Appbar /> 
       <CreateForm />
       <FormatSelector />
       <ParticipantLimit />
diff --git a/src/client/src/frontpage.js b/src/client/src/frontpage.js
index c422242..34d5c05 100644
--- a/src/client/src/frontpage.js
+++ b/src/client/src/frontpage.js
@@ -8,15 +8,14 @@ import TournamentManager from "./managetournament.js";
 import TournamentAnnouncement from "./tournamentannouncement";
 import TournamentMatches from "./tournamentmatches";
 import TeamEditor from "./teameditor";
+import Appbar from './components/appbar';
 
 import Button from "@mui/material/Button";
 import Container from "@mui/material/Container";
 import CssBaseline from "@mui/material/CssBaseline";
-import AppBar from "@mui/material/AppBar";
-import Toolbar from "@mui/material/Toolbar";
 import Typography from "@mui/material/Typography";
-import Grid from '@mui/material/Grid'
-import Box from '@mui/material/Box'
+import Grid from '@mui/material/Grid';
+import Box from '@mui/material/Box';
 
 function CreateButton(props) {
   return (
@@ -62,12 +61,7 @@ function Home() {
   return (
     <React.StrictMode>
       <CssBaseline />
-      <AppBar position="relative" color="primary">
-        <Toolbar>
-          <HomeImage className='mainIcon'/>
-          <Typography>This is an Appbar</Typography>
-        </Toolbar>
-      </AppBar>
+      <Appbar />
       <main>
       <Container>
         <Box>