1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
next.js/examples/with-cerebral/components/Page.js
Tim Neutkens 9c4eefcdbf
Add prettier for examples directory (#5909)
* Add prettier for examples directory

* Fix files

* Fix linting

* Add prettier script in case it has to be ran again
2018-12-17 17:34:32 +01:00

37 lines
842 B
JavaScript

import React from 'react'
import Link from 'next/link'
import { connect } from '@cerebral/react'
import { state, signal } from 'cerebral/tags'
import Clock from './Clock'
export default connect(
{
lastUpdate: state`clock.lastUpdate`,
light: state`clock.light`,
mounted: signal`clock.mounted`,
unMounted: signal`clock.unMounted`
},
class Page extends React.Component {
componentDidMount () {
this.props.mounted()
}
componentWillUnmount () {
this.props.unMounted()
}
render () {
return (
<div>
<h1>{this.props.title}</h1>
<Clock lastUpdate={this.props.lastUpdate} light={this.props.light} />
<nav>
<Link href={this.props.linkTo}>
<a>Navigate</a>
</Link>
</nav>
</div>
)
}
}
)