From c6fac69a8273ce20216002925deb0a2b5425dc25 Mon Sep 17 00:00:00 2001
From: eug-vs <eug-vs@keemail.me>
Date: Sun, 14 Mar 2021 01:00:49 +0300
Subject: feat: add basic routing

---
 src/containers/Home.tsx     | 15 +++++++++++++++
 src/containers/Products.tsx | 26 ++++++++++++++++++++++++++
 2 files changed, 41 insertions(+)
 create mode 100644 src/containers/Home.tsx
 create mode 100644 src/containers/Products.tsx

(limited to 'src/containers')

diff --git a/src/containers/Home.tsx b/src/containers/Home.tsx
new file mode 100644
index 0000000..7f62186
--- /dev/null
+++ b/src/containers/Home.tsx
@@ -0,0 +1,15 @@
+import React from 'react';
+import Paper from '../components/Paper';
+import Button from '../components/Button';
+
+const Home: React.FC = () => (
+  <Paper>
+    <p>
+      Привет, мир!
+      <Button>Нажми меня</Button>
+      <Button variant="outlined">Отменить</Button>
+    </p>
+  </Paper>
+);
+
+export default Home;
diff --git a/src/containers/Products.tsx b/src/containers/Products.tsx
new file mode 100644
index 0000000..c96e6a9
--- /dev/null
+++ b/src/containers/Products.tsx
@@ -0,0 +1,26 @@
+import React from 'react';
+import Paper from '../components/Paper';
+import ListTable from '../components/ListTable';
+
+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 Home: React.FC = () => (
+  <Paper>
+    <ListTable items={items} fields={fields} />
+  </Paper>
+);
+
+export default Home;
-- 
cgit v1.2.3