summaryrefslogtreecommitdiff
path: root/src/containers/Products.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/containers/Products.tsx')
-rw-r--r--src/containers/Products.tsx20
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;