1 files changed, 35 insertions, 0 deletions
diff --git a/src/lib/ServiceList.tsx b/src/lib/ServiceList.tsx
new file mode 100644
index 0000000..74ad10b
--- /dev/null
+++ b/src/lib/ServiceList.tsx
@@ -0,0 +1,35 @@
+import React, { useContext } from 'react';
+import { useHistory, useLocation } from 'react-router-dom';
+import Page from '../containers/Page';
+import ListTable from '../components/ListTable';
+import hooks from '../hooks/useAPIClient';
+import ServiceContext from './ServiceContext';
+
+const ServiceList: React.FC = () => {
+  const service = useContext(ServiceContext);
+  const history = useHistory();
+  const location = useLocation();
+  const { data } = hooks[service.route].useList(location.search);
+
+  const actions = service.actions || [{
+    name: 'Добавить',
+    route: `/${service.route}/add${location.search}`,
+  }];
+
+  const handleRowClick = (index: number) => {
+    const item = data && data[index];
+    const route = service.rowLink
+      ? service.rowLink(item)
+      : `/${service.route}/${item?._id}`;
+
+    history.push(route);
+  };
+
+  return (
+    <Page title={service.name} actions={actions}>
+      <ListTable items={data} fields={service.tableFields} handleRowClick={handleRowClick} />
+    </Page>
+  );
+};
+
+export default ServiceList;