Fixed issue where apostrophe was interpreted as string causing build to fail

This commit is contained in:
qt-coder 2021-06-21 22:12:57 +08:00
parent 657fa1f49a
commit 2962dffc36
5 changed files with 3998 additions and 4019 deletions

View file

@ -1,48 +1,48 @@
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import AppBar from '@material-ui/core/AppBar';
import Toolbar from '@material-ui/core/Toolbar';
import Typography from '@material-ui/core/Typography';
import Button from '@material-ui/core/Button';
import IconButton from '@material-ui/core/IconButton';
import MenuIcon from '@material-ui/icons/Menu';
import Link from 'next/link'
import AuthButton from './AuthButton'
const useStyles = makeStyles((theme) => ({
root: {
flexGrow: 1,
},
menuButton: {
marginRight: theme.spacing(2),
},
title: {
flexGrow: 1,
},
}));
export default function ButtonAppBar() {
const classes = useStyles();
return (
<div className={classes.root}>
<AppBar position="static" color='primary' style={{
background: '#1F1B24'
}}>
<Toolbar>
<IconButton edge="start" className={classes.menuButton} color="inherit" aria-label="menu">
<MenuIcon />
</IconButton>
<Typography variant="h6" className={classes.title}>
<Link href='/'>
Cath.exe
</Link>
</Typography>
<Button color="inherit">Stats</Button>
<AuthButton/>
<Link href='/controlpanel'><Button color="inherit">Control Panel</Button></Link>
</Toolbar>
</AppBar>
</div>
);
import React from 'react';
import { makeStyles } from '@material-ui/core/styles';
import AppBar from '@material-ui/core/AppBar';
import Toolbar from '@material-ui/core/Toolbar';
import Typography from '@material-ui/core/Typography';
import Button from '@material-ui/core/Button';
import IconButton from '@material-ui/core/IconButton';
import MenuIcon from '@material-ui/icons/Menu';
import Link from 'next/link'
import AuthButton from './AuthButton'
const useStyles = makeStyles((theme) => ({
root: {
flexGrow: 1,
},
menuButton: {
marginRight: theme.spacing(2),
},
title: {
flexGrow: 1,
},
}));
export default function ButtonAppBar() {
const classes = useStyles();
return (
<div className={classes.root}>
<AppBar position="static" color='primary' style={{
background: '#1F1B24'
}}>
<Toolbar>
<IconButton edge="start" className={classes.menuButton} color="inherit" aria-label="menu">
<MenuIcon />
</IconButton>
<Typography variant="h6" className={classes.title}>
<Link href='/'>
Cath.exe
</Link>
</Typography>
<Button color="inherit">Stats</Button>
<AuthButton/>
<Link href='/controlpanel'><Button color="inherit">Control Panel</Button></Link>
</Toolbar>
</AppBar>
</div>
);
}

View file

@ -1,24 +1,24 @@
{
"name": "cath-dashboard",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint"
},
"dependencies": {
"@material-ui/core": "^4.11.4",
"@material-ui/icons": "^4.11.2",
"mongodb": "^3.6.9",
"next": "11.0.0",
"next-auth": "^3.27.0",
"react": "17.0.2",
"react-dom": "17.0.2"
},
"devDependencies": {
"eslint": "7.29.0",
"eslint-config-next": "11.0.0"
}
}
{
"name": "cath-dashboard",
"version": "0.1.0",
"private": true,
"scripts": {
"dev": "next dev",
"build": "next build",
"start": "next start",
"lint": "next lint"
},
"dependencies": {
"@material-ui/core": "^4.11.4",
"@material-ui/icons": "^4.11.2",
"mongodb": "^3.6.9",
"next": "11.0.0",
"next-auth": "^3.27.0",
"react": "17.0.2",
"react-dom": "17.0.2"
},
"devDependencies": {
"eslint": "7.29.0",
"eslint-config-next": "11.0.0"
}
}

View file

@ -1,20 +1,20 @@
import '../styles/globals.css'
import Navbar from '../components/Navbar'
import Head from 'next/head'
import { Provider } from 'next-auth/client'
function MyApp({ Component, pageProps }) {
return (
<Provider>
<Head>
<title>Cath Dashboard</title>
</Head>
<Navbar/>
<div className='page-container'>
<Component {...pageProps} />
</div>
</Provider>
)
}
export default MyApp
import '../styles/globals.css'
import Navbar from '../components/Navbar'
import Head from 'next/head'
import { Provider } from 'next-auth/client'
function MyApp({ Component, pageProps }) {
return (
<Provider>
<Head>
<title>Cath Dashboard</title>
</Head>
<Navbar/>
<div className='page-container'>
<Component {...pageProps} />
</div>
</Provider>
)
}
export default MyApp

View file

@ -10,7 +10,7 @@ export default function Home() {
<>
{!session && <>
<h1>Seems like you're not logged in. Log in to get started!</h1>
<h1>Seems like you&apos;re not logged in. Log in to get started!</h1>
</>
}
{session && <>
@ -26,25 +26,4 @@ export default function Home() {
}
</>
)
if (!session) {
return (
<>
<h1>Welcome User!</h1>
<div className='grid'>
<CardContainer title='Commands' link='/controlpanel/commands'>Command controls</CardContainer>
<CardContainer title='Commands' link='/controlpanel/commands'>Command controls</CardContainer>
<CardContainer title='Commands' link='/controlpanel/commands'>Command controls</CardContainer>
<CardContainer title='Commands' link='/controlpanel/commands'>Command controls</CardContainer>
<CardContainer title='Commands' link='/controlpanel/commands'>Command controls</CardContainer>
</div>
</>
)
} else {
return (
<>
<h1>Seems like you're not logged in. Log in to get started!</h1>
</>
)
}
}

7812
yarn.lock

File diff suppressed because it is too large Load diff