felixalb
/
asura-tmdb
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

added appbar component

This commit is contained in:
Kristoffer Juelsenn 2022-03-23 10:10:42 +01:00
parent 4e81117bdf
commit 078f00f4ef
2 changed files with 9 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
src/client/src/createtournament.js
View File

@ -1,6 +1,8 @@
import * as React from "react"; import * as React from "react";
import { BrowserRouter as Router, Link, Route, Routes } from "react-router-dom"; 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) { function CreateButton(props) {
return ( return (
@ -71,7 +73,8 @@ function CreateForm(props) {
export default function CreateTournament(props) { export default function CreateTournament(props) {
return ( return (
<React.Fragment> <React.Fragment>
<HomeImage /> <CssBaseline />
<Appbar />
<CreateForm /> <CreateForm />
<FormatSelector /> <FormatSelector />
<ParticipantLimit /> <ParticipantLimit />

14
src/client/src/frontpage.js
View File

@ -8,15 +8,14 @@ import TournamentManager from "./managetournament.js";
import TournamentAnnouncement from "./tournamentannouncement"; import TournamentAnnouncement from "./tournamentannouncement";
import TournamentMatches from "./tournamentmatches"; import TournamentMatches from "./tournamentmatches";
import TeamEditor from "./teameditor"; import TeamEditor from "./teameditor";
import Appbar from './components/appbar';
import Button from "@mui/material/Button"; import Button from "@mui/material/Button";
import Container from "@mui/material/Container"; import Container from "@mui/material/Container";
import CssBaseline from "@mui/material/CssBaseline"; 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 Typography from "@mui/material/Typography";
import Grid from '@mui/material/Grid' import Grid from '@mui/material/Grid';
import Box from '@mui/material/Box' import Box from '@mui/material/Box';
function CreateButton(props) { function CreateButton(props) {
return ( return (
@ -62,12 +61,7 @@ function Home() {
return ( return (
<React.StrictMode> <React.StrictMode>
<CssBaseline /> <CssBaseline />
<AppBar position="relative" color="primary"> <Appbar />
<Toolbar>
<HomeImage className='mainIcon'/>
<Typography>This is an Appbar</Typography>
</Toolbar>
</AppBar>
<main> <main>
<Container> <Container>
<Box> <Box>