Add titles to all the pages and read query parameters

This commit is contained in:
JP1998 2018-11-08 11:05:21 +01:00
parent ec7db510cb
commit a954a546f4
11 changed files with 94 additions and 23 deletions

View File

@ -1,18 +1,24 @@
import React from 'react' import React from 'react'
import Head from 'next/head'
export default class Error extends React.Component { export default class Error extends React.Component {
static getInitialProps({ res, err }) { static getInitialProps({ res, err }) {
const statusCode = res ? res.statusCode : err ? err.statusCode : null; const statusCode = res ? res.statusCode : err ? err.statusCode : null;
return { statusCode } return { statusCode }
} }
render() { render() {
return ( return (
<p> <div>
{this.props.statusCode <Head>
? `An error ${this.props.statusCode} occurred on server` <title>Turnie.re - Error {this.props.statusCode}</title>
: 'An error occurred on client'} </Head>
</p> <p>
) {this.props.statusCode
} ? `An error ${this.props.statusCode} occurred on server`
: 'An error occurred on client'}
</p>
</div>
)
}
} }

View File

@ -1,6 +1,10 @@
import Head from 'next/head'
export default () => ( export default () => (
<div> <div>
<Head>
<title>Turnie.re - Turniererstellung</title>
</Head>
<p>Turniererstellung</p> <p>Turniererstellung</p>
</div> </div>
) )

View File

@ -1,6 +1,10 @@
import Head from 'next/head'
export default () => ( export default () => (
<div> <div>
<Head>
<title>Turnie.re - FAQ</title>
</Head>
<p>FAQ</p> <p>FAQ</p>
</div> </div>
) )

View File

@ -1,6 +1,10 @@
import Head from 'next/head'
export default () => ( export default () => (
<div> <div>
<Head>
<title>Turnie.re - Impressum</title>
</Head>
<p>Impressum</p> <p>Impressum</p>
</div> </div>
) )

View File

@ -1,8 +1,12 @@
import Link from 'next/link' import Link from 'next/link'
import Head from 'next/head'
const Index = (props) => { const Index = (props) => {
return ( return (
<div> <div>
<Head>
<title>Turnie.re - Startseite</title>
</Head>
<p>Dies ist die Startseite!</p> <p>Dies ist die Startseite!</p>
<ul> <ul>
<li><Link href="/privacy">Datenschutzerklärung</Link></li> <li><Link href="/privacy">Datenschutzerklärung</Link></li>

View File

@ -1,5 +1,10 @@
import Head from 'next/head'
export default () => ( export default () => (
<div> <div>
<Head>
<title>Turnie.re - Turnierliste</title>
</Head>
<p>Turnierliste</p> <p>Turnierliste</p>
</div> </div>
) )

View File

@ -1,6 +1,10 @@
import Head from 'next/head'
export default () => ( export default () => (
<div> <div>
<Head>
<title>Turnie.re - Login</title>
</Head>
<p>Login</p> <p>Login</p>
</div> </div>
) )

View File

@ -1,6 +1,10 @@
import Head from 'next/head'
export default () => ( export default () => (
<div> <div>
<Head>
<title>Turnie.re - Datenschutzerklärung</title>
</Head>
<p>Datenschutzerklärung</p> <p>Datenschutzerklärung</p>
</div> </div>
) )

View File

@ -1,6 +1,10 @@
import Head from 'next/head'
export default () => ( export default () => (
<div> <div>
<Head>
<title>Turnie.re - Registrierung</title>
</Head>
<p>Registrierung</p> <p>Registrierung</p>
</div> </div>
) )

View File

@ -1,6 +1,22 @@
import Head from 'next/head'
export default () => ( class FullscreenTournamentPage extends React.Component {
<div>
<p>Turnieranzeige (Vollbild)</p> static async getInitialProps({query}) {
</div> return {query}
) }
render() {
return (
<div>
<Head>
<title>Turnie.re - Turnieranzeige (Vollbild)</title>
</Head>
<p>Turnieranzeige (Vollbild)</p>
<p>Code: {this.props.query.code}</p>
</div>
);
}
}
export default FullscreenTournamentPage

View File

@ -1,6 +1,22 @@
import Head from 'next/head'
export default () => ( class TournamentPage extends React.Component {
<div>
<p>Turnieranzeige</p> static async getInitialProps({query}) {
</div> return {query}
) }
render() {
return (
<div>
<Head>
<title>Turnie.re - Turnieranzeige</title>
</Head>
<p>Turnieranzeige</p>
<p>Code: {this.props.query.code}</p>
</div>
);
}
}
export default TournamentPage