refactor: create Service abstraction

1 files changed, 11 insertions, 13 deletions

diff --git a/src/index.tsx b/src/index.tsx
index 4ec1db0..932fbf3 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -8,16 +8,13 @@ import {
 } from 'react-router-dom';
 import Header from './components/Header';
 import Home from './containers/Home';
-import Products from './containers/Products';
-import ProductForm from './containers/ProductForm';
-import Contractors from './containers/Contractors';
-import ContractorForm from './containers/ContractorForm';
+import Service from './containers/Service/Service';
+import { ServiceProvider } from './containers/Service/ServiceContext';
+import services from './services';
 
 const navigation = [
   { name: 'Главная', route: '/' },
-  { name: 'Товары', route: '/products' },
-  { name: 'Контрагенты', route: '/contractors' },
-  { name: 'Накладные', route: '/waybills' },
+  ...services.map(({ name, route }) => ({ name, route: `/${route}` })),
 ];
 
 const App: React.FC = () => (
@@ -25,12 +22,13 @@ const App: React.FC = () => (
     <Header navigation={navigation} />
     <Switch>
       <Route exact path="/" component={Home} />
-      <Route exact path="/products" component={Products} />
-      <Route exact path="/products/add" component={ProductForm} />
-      <Route exact path="/products/edit/:id" component={ProductForm} />
-      <Route exact path="/contractors" component={Contractors} />
-      <Route exact path="/contractors/add" component={ContractorForm} />
-      <Route exact path="/contractors/edit/:id" component={ContractorForm} />
+      {services.map(service => (
+        <Route path={`/${service.route}`}>
+          <ServiceProvider value={service}>
+            <Service />
+          </ServiceProvider>
+        </Route>
+      ))}
     </Switch>
   </Router>
 );