feat: implement Product Add/Edit

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;