external-repos/squoosh
1
0
Fork 1
mirror of https://github.com/GoogleChromeLabs/squoosh.git synced 2025-11-15 10:09:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

toggleDrawer() -> onToggleDrawer()

Browse Source
This commit is contained in:
Jason Miller
2018-03-29 15:49:56 -04:00
parent c741f245a6
commit 048524ce91
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/app/index.tsx
View File

@@ -99,7 +99,7 @@ export default class App extends Component<Props, State> {
<div id="app" class={style.app}> <div id="app" class={style.app}>
<Fab showing={showFab} /> <Fab showing={showFab} />
<Header class={style.header} toggleDrawer={this.toggleDrawer} loadFile={this.loadFile} /> <Header class={style.header} onToggleDrawer={this.toggleDrawer} loadFile={this.loadFile} />
{/* Avoid loading & rendering the drawer until the first time it is shown. */} {/* Avoid loading & rendering the drawer until the first time it is shown. */}
<When value={showDrawer}> <When value={showDrawer}>

6
src/components/header/index.tsx
View File

@@ -7,7 +7,7 @@ import { bind } from '../../lib/util';
type Props = { type Props = {
'class'?: string, 'class'?: string,
showHeader?: boolean, showHeader?: boolean,
toggleDrawer?(): void, onToggleDrawer?(): void,
showFab?(): void, showFab?(): void,
loadFile(f: File): void loadFile(f: File): void
}; };
@@ -35,7 +35,7 @@ export default class Header extends Component<Props, State> {
} }
} }
render({ class: c, toggleDrawer, showHeader = false, showFab }: Props) { render({ class: c, onToggleDrawer, showHeader = false, showFab }: Props) {
return ( return (
<Toolbar fixed class={cx(c, style.toolbar, 'inert', !showHeader && style.minimal)}> <Toolbar fixed class={cx(c, style.toolbar, 'inert', !showHeader && style.minimal)}>
<Toolbar.Row> <Toolbar.Row>
@@ -43,7 +43,7 @@ export default class Header extends Component<Props, State> {
<Toolbar.Icon title="Upload" ripple onClick={this.upload}>file_upload</Toolbar.Icon> <Toolbar.Icon title="Upload" ripple onClick={this.upload}>file_upload</Toolbar.Icon>
</Toolbar.Title> </Toolbar.Title>
<Toolbar.Section align-end> <Toolbar.Section align-end>
<Toolbar.Icon ripple onClick={toggleDrawer}>menu</Toolbar.Icon> <Toolbar.Icon ripple onClick={onToggleDrawer}>menu</Toolbar.Icon>
</Toolbar.Section> </Toolbar.Section>
</Toolbar.Row> </Toolbar.Row>
<input class={style.fileInput} ref={this.setInputRef} type="file" onChange={this.handleFiles} /> <input class={style.fileInput} ref={this.setInputRef} type="file" onChange={this.handleFiles} />