diff options
Diffstat (limited to 'src/containers/Products.tsx')
-rw-r--r-- | src/containers/Products.tsx | 20 |
1 files changed, 13 insertions, 7 deletions
diff --git a/src/containers/Products.tsx b/src/containers/Products.tsx index 3542df1..0b6ea70 100644 --- a/src/containers/Products.tsx +++ b/src/containers/Products.tsx @@ -1,26 +1,32 @@ import React from 'react'; -import Page from '../containers/Page'; +import { useHistory } from 'react-router-dom'; +import Page from './Page'; import ListTable from '../components/ListTable'; import { useProducts } from '../hooks/useAPIClient'; const fields = [ - { key: '_id', label: 'ID' }, { key: 'name', label: 'Название' }, - { key: 'type', label: 'Тип' }, + { key: 'price', label: 'Цена' }, ]; const actions = [ - { name: 'Добавить', route: 'products/add' } + { name: 'Добавить', route: 'products/add' }, ]; -const Home: React.FC = () => { +const Products: React.FC = () => { + const history = useHistory(); const { data: products } = useProducts(); + const handleRowClick = (index: number) => { + const product = products && products[index]; + history.push(`/products/edit/${product?._id}`); + }; + return ( <Page title="Товары" actions={actions}> - <ListTable items={products} fields={fields} /> + <ListTable items={products} fields={fields} handleRowClick={handleRowClick} /> </Page> ); }; -export default Home; +export default Products; |