table row at least 2, or it will report an iterator error
index.tsx
import React from "react"
import { Intent, BreadCrumb, PageFooter } from "components"
import { Button } from "components/controls"
import { connect } from "utils"
interface Props {
classes: Classes
}
const styles = {
bottomButton: {
width: 200,
},
}
class List extends React.Component<Props> {
constructor(props: Props) {
super(props)
}
render() {
const { classes } = this.props
return (
<>
<BreadCrumb>
<div>Restaurant Menu</div>
</BreadCrumb>
<div className="page">
3 parts
</div>
<PageFooter title="Department">
<Button className={classes.bottomButton} intent={Intent.PRIMARY}>
Restaurant Menu
</Button>
</PageFooter>
</>
)
}
}
export default connect<Props>(
List,
{ styles },
)
Router.js
import RestaurantMenuPage from "./RestaurantMenu"
<Route
path={`${match.path}/restaurant-menu`}
component={wrapper(RestaurantMenuPage)}
/>