9c4eefcdbf
* Add prettier for examples directory * Fix files * Fix linting * Add prettier script in case it has to be ran again
36 lines
727 B
JavaScript
36 lines
727 B
JavaScript
import Link from 'next/link'
|
|
import { connect } from 'react-redux'
|
|
|
|
import Counter from './counter'
|
|
import Clock from './clock'
|
|
|
|
function Page ({
|
|
error,
|
|
lastUpdate,
|
|
light,
|
|
linkTo,
|
|
NavigateTo,
|
|
placeholderData,
|
|
title
|
|
}) {
|
|
return (
|
|
<div>
|
|
<h1>{title}</h1>
|
|
<Clock lastUpdate={lastUpdate} light={light} />
|
|
<Counter />
|
|
<nav>
|
|
<Link href={linkTo}>
|
|
<a>Navigate: {NavigateTo}</a>
|
|
</Link>
|
|
</nav>
|
|
{placeholderData && (
|
|
<pre>
|
|
<code>{JSON.stringify(placeholderData, null, 2)}</code>
|
|
</pre>
|
|
)}
|
|
{error && <p style={{ color: 'red' }}>Error: {error.message}</p>}
|
|
</div>
|
|
)
|
|
}
|
|
|
|
export default connect(state => state)(Page)
|