debounce?: number;
}
-type SearchBarProps = SearchBarDataProps & SearchBarActionProps & WithStyles<CssRules>
+type SearchBarProps = SearchBarDataProps & SearchBarActionProps & WithStyles<CssRules>;
interface SearchBarState {
value: string;
state: SearchBarState = {
value: ""
- }
+ };
timeout: NodeJS.Timer;
render() {
- const { classes } = this.props
+ const { classes } = this.props;
return <Paper className={classes.container}>
<form onSubmit={this.handleSubmit}>
<input
<SearchIcon />
</IconButton>
</form>
- </Paper>
+ </Paper>;
}
componentDidMount() {
}
-type CssRules = 'container' | 'input' | 'button'
+type CssRules = 'container' | 'input' | 'button';
const styles: StyleRulesCallback<CssRules> = theme => {
- const { unit } = theme.spacing
+ const { unit } = theme.spacing;
return {
container: {
position: 'relative',
width: unit * 3,
height: unit * 3
}
- }
-}
+ };
+};
-export default withStyles(styles)(SearchBar)
\ No newline at end of file
+export default withStyles(styles)(SearchBar);
\ No newline at end of file