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 Head from 'next/head'
export default class Error extends React.Component {
static getInitialProps({ res, err }) {
const statusCode = res ? res.statusCode : err ? err.statusCode : null;
return { statusCode }
}
static getInitialProps({ res, err }) {
const statusCode = res ? res.statusCode : err ? err.statusCode : null;
return { statusCode }
}
render() {
return (
<p>
{this.props.statusCode
? `An error ${this.props.statusCode} occurred on server`
: 'An error occurred on client'}
</p>
)
}
render() {
return (
<div>
<Head>
<title>Turnie.re - Error {this.props.statusCode}</title>
</Head>
<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 () => (
<div>
<Head>
<title>Turnie.re - Turniererstellung</title>
</Head>
<p>Turniererstellung</p>
</div>
)

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

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

View File

@ -1,6 +1,22 @@
import Head from 'next/head'
export default () => (
<div>
<p>Turnieranzeige (Vollbild)</p>
</div>
)
class FullscreenTournamentPage extends React.Component {
static async getInitialProps({query}) {
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 () => (
<div>
<p>Turnieranzeige</p>
</div>
)
class TournamentPage extends React.Component {
static async getInitialProps({query}) {
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