54 lines
1.3 KiB
JavaScript
54 lines
1.3 KiB
JavaScript
import React, { PureComponent } from 'react'
|
|
import PropTypes from 'prop-types'
|
|
import { Router, Location } from '@reach/router'
|
|
import { webFrame } from 'electron'
|
|
import posed, { PoseGroup } from 'react-pose'
|
|
import Titlebar from './components/Titlebar'
|
|
import Home from './screens/Home'
|
|
import Preferences from './screens/Preferences'
|
|
import './App.css'
|
|
import { defaultAnimation } from './components/Animations'
|
|
import Touchbar from './components/Touchbar'
|
|
|
|
//
|
|
// Disable zooming
|
|
//
|
|
webFrame.setVisualZoomLevelLimits(1, 1)
|
|
webFrame.setLayoutZoomLevelLimits(0, 0)
|
|
|
|
const Animation = posed.div(defaultAnimation)
|
|
|
|
const PosedRouter = ({ children }) => (
|
|
<Location>
|
|
{({ location }) => (
|
|
<PoseGroup animateOnMount>
|
|
<Animation key={location.key}>
|
|
<Router location={location}>{children}</Router>
|
|
</Animation>
|
|
</PoseGroup>
|
|
)}
|
|
</Location>
|
|
)
|
|
|
|
PosedRouter.propTypes = {
|
|
children: PropTypes.any.isRequired
|
|
}
|
|
|
|
export default class App extends PureComponent {
|
|
render() {
|
|
return (
|
|
<>
|
|
<Titlebar />
|
|
<div className="app">
|
|
<PosedRouter>
|
|
<Home path="/" default />
|
|
<Preferences path="/preferences" />
|
|
</PosedRouter>
|
|
</div>
|
|
|
|
<Touchbar />
|
|
</>
|
|
)
|
|
}
|
|
}
|