feat: add basic routing

1 files changed, 13 insertions, 28 deletions

diff --git a/src/index.tsx b/src/index.tsx
index 4c354f4..169da4c 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,43 +1,28 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 import 'tailwindcss/tailwind.css';
-import Paper from './components/Paper';
+import {
+  BrowserRouter as Router,
+  Switch,
+  Route
+} from 'react-router-dom';
 import Header from './components/Header';
-import Button from './components/Button';
-import ListTable from './components/ListTable';
+import Home from './containers/Home';
+import Products from './containers/Products';
 
 const navigation = [
   { name: 'Главная', route: '/'},
   { name: 'Товары', route: '/products'}
 ];
 
-const fields = [
-  { key: '_id', label: 'ID' },
-  { key: 'name', label: 'Название' },
-  { key: 'type', label: 'Тип' },
-];
-
-const items = [
-  { _id: 1, name: 'Товар 1', type: 'Кондиционер' },
-  { _id: 2, name: 'Товар 2', type: 'Кондиционер' },
-  { _id: 3, name: 'Товар 3', type: 'Кондиционер' },
-  { _id: 4, name: 'Товар 4', type: 'Кондиционер' },
-  { _id: 5, name: 'Товар 5', type: 'Кондиционер' },
-  { _id: 6, name: 'Товар 6', type: 'Кондиционер' },
-];
-
 const App: React.FC = () => (
-  <>
+  <Router>
     <Header navigation={navigation} />
-    <Paper>
-      <p>
-        Привет, мир!
-        <Button>Нажми меня</Button>
-        <Button variant="outlined">Отменить</Button>
-      </p>
-      <ListTable items={items} fields={fields} />
-    </Paper>
-  </>
+    <Switch>
+      <Route exact path="/" component={Home} />
+      <Route exact path="/products" component={Products} />
+    </Switch>
+  </Router>
 );
 
 ReactDOM.render(