oceanprotocol/docs
1
0
Fork 0
mirror of https://github.com/oceanprotocol/docs.git synced 2024-11-26 19:49:26 +01:00
Code Releases Activity

Merge pull request #978 from oceanprotocol/issue-968-resolve-404

Browse Source 
Add a check before rendering 404
This commit is contained in:
Akshay 2022-05-09 11:37:11 +02:00 committed by GitHub
commit e23d46b8ce
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 25 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/pages/404.jsx
View File

@ -19,6 +19,8 @@ const tag = 'ocean'
export default class NotFoundPage extends Component { export default class NotFoundPage extends Component {
state = { gif: '' } state = { gif: '' }
browser = typeof window !== 'undefined' && window
static propTypes = { static propTypes = {
location: PropTypes.object location: PropTypes.object
} }
@ -44,6 +46,8 @@ export default class NotFoundPage extends Component {
render() { render() {
return ( return (
<>
{this.browser && (
<> <>
<Seo location={this.props.location} title="404 - Not Found" /> <Seo location={this.props.location} title="404 - Not Found" />
<Layout location={this.props.location}> <Layout location={this.props.location}>
@ -52,8 +56,8 @@ export default class NotFoundPage extends Component {
<h1>Page not found.</h1> <h1>Page not found.</h1>
<p> <p>
You just hit a route that doesn&#39;t exist... the sadness. You just hit a route that doesn&#39;t exist... the sadness.
Check your url, <Link to="/">go back to the homepage</Link>, or Check your url, <Link to="/">go back to the homepage</Link>,
check out some <em>{tag}</em> gifs, entirely your choice. or check out some <em>{tag}</em> gifs, entirely your choice.
</p> </p>
<video className="gif" src={this.state.gif} autoPlay loop /> <video className="gif" src={this.state.gif} autoPlay loop />
@ -67,6 +71,8 @@ export default class NotFoundPage extends Component {
</Content> </Content>
</Layout> </Layout>
</> </>
)}
</>
) )
} }
} }