diff options
author | eug-vs <eug-vs@keemail.me> | 2021-03-14 01:00:49 +0300 |
---|---|---|
committer | eug-vs <eug-vs@keemail.me> | 2021-03-14 01:00:49 +0300 |
commit | c6fac69a8273ce20216002925deb0a2b5425dc25 (patch) | |
tree | c2a22bb4ca992b1e5f7aaee496b3a8a1006013f5 /src/containers | |
parent | 9e0fde7ed793426d9a3ed8c79e56bc95c01486b2 (diff) | |
download | commercel-ui-c6fac69a8273ce20216002925deb0a2b5425dc25.tar.gz |
feat: add basic routing
Diffstat (limited to 'src/containers')
-rw-r--r-- | src/containers/Home.tsx | 15 | ||||
-rw-r--r-- | src/containers/Products.tsx | 26 |
2 files changed, 41 insertions, 0 deletions
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; |