night0721/nyx-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fixed #7

Browse source
This commit is contained in:
qt-coder 2021-06-22 08:19:52 +08:00
parent df436e9832
commit 8d750fd31c
2 changed files with 37 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
components/Navbar.js
View file

@ -8,6 +8,7 @@ import IconButton from '@material-ui/core/IconButton';
import MenuIcon from '@material-ui/icons/Menu';
import Link from 'next/link'
import AuthButton from './AuthButton'
import { useSession } from 'next-auth/client'
const useStyles = makeStyles((theme) => ({
root: {
@ -22,6 +23,7 @@ const useStyles = makeStyles((theme) => ({
}));
export default function ButtonAppBar() {
const [session, loading] = useSession()
const classes = useStyles();
return (
@ -38,9 +40,9 @@ export default function ButtonAppBar() {
Cath.exe
</Link>
</Typography>
<Button color="inherit">Stats</Button>
{session && <Button color="inherit">Stats</Button>}
<AuthButton/>
<Link href='/controlpanel'><Button color="inherit">Control Panel</Button></Link>
{session && <Link href='/controlpanel'><Button color="inherit">Control Panel</Button></Link>}
</Toolbar>
</AppBar>
</div>

57
pages/controlpanel/commands.js
View file

@ -8,6 +8,7 @@ import TableHead from '@material-ui/core/TableHead';
import TableRow from '@material-ui/core/TableRow';
import Paper from '@material-ui/core/Paper';
import Head from 'next/head'
import { useSession } from 'next-auth/client'
const useStyles = makeStyles({
table: {
@ -27,35 +28,43 @@ const rows = [
];
function Commands() {
const [session, loading] = useSession()
const classes = useStyles();
return (
<>
<Head>
<title>Cath Commands</title>
</Head>
<TableContainer component={Paper} style={{ background: '#1F1B24' }}>
<Table className={classes.table} aria-label="simple table">
<TableHead>
<TableRow>
<TableCell style={{ color: '#fff' }}>Commands</TableCell>
<TableCell align="right" style={{ color: '#fff' }}>Description</TableCell>
<TableCell align="right" style={{ color: '#fff' }}>Status</TableCell>
</TableRow>
</TableHead>
<TableBody>
{rows.map((row) => (
<TableRow key={row.name}>
<TableCell component="th" scope="row" style={{ color: '#fff' }}>
{row.name}
</TableCell>
<TableCell align="right" style={{ color: '#fff' }}>{row.description}</TableCell>
<TableCell align="right" style={{ color: '#fff' }}>{row.status ? 'Online' : 'Offline'}</TableCell>
{session &&
<>
<Head>
<title>Cath Commands</title>
</Head>
<TableContainer component={Paper} style={{ background: '#1F1B24' }}>
<Table className={classes.table} aria-label="simple table">
<TableHead>
<TableRow>
<TableCell style={{ color: '#fff' }}>Commands</TableCell>
<TableCell align="right" style={{ color: '#fff' }}>Description</TableCell>
<TableCell align="right" style={{ color: '#fff' }}>Status</TableCell>
</TableRow>
))}
</TableBody>
</Table>
</TableContainer>
</TableHead>
<TableBody>
{rows.map((row) => (
<TableRow key={row.name}>
<TableCell component="th" scope="row" style={{ color: '#fff' }}>
{row.name}
</TableCell>
<TableCell align="right" style={{ color: '#fff' }}>{row.description}</TableCell>
<TableCell align="right" style={{ color: '#fff' }}>{row.status ? 'Online' : 'Offline'}</TableCell>
</TableRow>
))}
</TableBody>
</Table>
</TableContainer>
</>
} {!session && <>
<h1>Seems like you&apos;re not logged in. Log in to get started!</h1>
</>
}
</>
);
}