mirror of https://github.com/sgoudham/carbon.git
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
44 lines
1.0 KiB
JavaScript
44 lines
1.0 KiB
JavaScript
// Theirs
|
|
import React from 'react'
|
|
import { withRouter } from 'next/router'
|
|
|
|
// Ours
|
|
import Editor from '../components/Editor'
|
|
import Page from '../components/Page'
|
|
import api from '../lib/api'
|
|
import { updateQueryString } from '../lib/routing'
|
|
import { saveState } from '../lib/util'
|
|
|
|
class Index extends React.Component {
|
|
onEditorUpdate = state => {
|
|
updateQueryString(this.props.router, state)
|
|
const s = { ...state }
|
|
delete s.code
|
|
delete s.backgroundImage
|
|
delete s.backgroundImageSelection
|
|
saveState(localStorage, s)
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<Page enableHeroText={true}>
|
|
<Editor {...this.props.router} onUpdate={this.onEditorUpdate} api={api} onReset={onReset} />
|
|
</Page>
|
|
)
|
|
}
|
|
}
|
|
|
|
function onReset() {
|
|
localStorage.clear()
|
|
|
|
if (window.navigator && navigator.serviceWorker) {
|
|
navigator.serviceWorker.getRegistrations().then(registrations => {
|
|
for (let registration of registrations) {
|
|
registration.unregister()
|
|
}
|
|
})
|
|
}
|
|
}
|
|
|
|
export default withRouter(Index)
|