Integrating new form binder

This commit is contained in:
John Lyon-Smith
2018-03-06 07:43:21 -08:00
parent 535fffaf41
commit c1bf470aa0
15 changed files with 93 additions and 54 deletions

View File

@@ -48,6 +48,10 @@ export class App extends Component {
window.location.replace('/')
}
handleProfile() {
window.location.replace('/profile')
}
handleChangeTitle(title) {
this.setState({ title })
}
@@ -66,6 +70,7 @@ export class App extends Component {
)
headerButtonsRight = (
<Fragment>
<HeaderButton icon='profile' onClick={this.handleProfile} />
<HeaderButton icon='logout' onClick={this.handleLogout} />
</Fragment>
)
@@ -75,7 +80,7 @@ export class App extends Component {
<Router basename='/'>
<Column minHeight='100vh'>
<Column.Item height={sizeInfo.headerHeight - sizeInfo.headerBorderWidth}>
<Box color={colorInfo.headerButtonBackground} borderBottom={`${sizeInfo.headerBorderWidth}px solid ${colorInfo.headerBorder}`}>
<Box background={colorInfo.headerButtonBackground} borderBottom={{ width: sizeInfo.headerBorderWidth, color: colorInfo.headerBorder }}>
<Row minWidth='100vw'>
<Row.Item>{headerButtonsLeft}</Row.Item>
<Row.Item grow />
@@ -96,7 +101,7 @@ export class App extends Component {
<ProtectedRoute path='/' component={Home} />
</Switch>
<Column.Item>
<Box color={colorInfo.headerButtonBackground} borderTop={`${sizeInfo.headerBorderWidth}px solid ${colorInfo.headerBorder}`}>
<Box background={colorInfo.headerButtonBackground} borderTop={{ width: sizeInfo.headerBorderWidth, color: colorInfo.headerBorder }}>
<Text color='dimmed' margin={10}>{'v' + versionInfo.version} {versionInfo.copyright}</Text>
</Box>
</Column.Item>