diff --git a/sports-matcher/client/src/pages/Admin.js b/sports-matcher/client/src/pages/Admin.js index 90ec76e..0dc98c4 100644 --- a/sports-matcher/client/src/pages/Admin.js +++ b/sports-matcher/client/src/pages/Admin.js @@ -1,15 +1,14 @@ /* eslint-disable react/jsx-key */ import React from "react"; import "../styles/Admin.css"; -import { Button, Typography, Container, Paper } from "react-bootstrap"; -import { TableContainer, TableCell, Table, TableBody, TableRow, TableHead } from "react-bootstrap"; -// import Typography from '@mui/material/Typography'; -// import Container from '@mui/material/Container'; -// import { TableContainer, TableCell, Table, TableBody, TableRow, TableHead, Paper } from '@mui/material'; +import Button from "@mui/material/Button"; +import Typography from "@mui/material/Typography"; +import Container from "@mui/material/Container"; +import { TableContainer, TableCell, Table, TableBody, TableRow, TableHead, Paper } from "@mui/material"; -export default class AdminTable extends React.Component { +class AdminTable extends React.Component { constructor(props) { super(props); @@ -32,8 +31,6 @@ export default class AdminTable extends React.Component { ], buttonColors: ["black", "", ""] }; - - } EditButton() { @@ -80,9 +77,9 @@ export default class AdminTable extends React.Component { const { id, username, name, email, phone } = user; return ( - - {id} + {username} + {id} {name} {email} {phone} @@ -97,15 +94,15 @@ export default class AdminTable extends React.Component { return this.state.suspendedUsers.map((user) => { const { id, username, name, email, phone } = user; return ( - - {id} - {username} - {name} - {email} - {phone} - {this.DeleteButton()} - {this.EditButton()} - {this.PardonButton()} + + {id} + {username} + {name} + {email} + {phone} + {this.DeleteButton()} + {this.EditButton()} + {this.PardonButton()} ); }); @@ -115,7 +112,7 @@ export default class AdminTable extends React.Component { return this.state.matches.map((match) => { const { id, sport, date, location, description } = match; return ( - + {id} {sport} {date} @@ -206,8 +203,12 @@ export default class AdminTable extends React.Component { } + // render() { return (

RANDOM TEXT

); } + + render() { return ( +

Administration

@@ -243,8 +244,9 @@ export default class AdminTable extends React.Component {
+ ); } } -//export default AdminTable \ No newline at end of file +export default AdminTable; \ No newline at end of file