From 17a1db9b2ae74cc3d11e24bcb8ac2b48cb86f046 Mon Sep 17 00:00:00 2001 From: mahdi andalib Date: Tue, 8 Mar 2022 09:54:42 +0330 Subject: [PATCH] grid list started --- src/components/ReactTable5/BasicTable.js | 15 +++++++- src/components/ReactTable5/grid.svg | 7 ++++ src/components/ReactTable5/list.svg | 44 ++++++++++++++++++++++++ 3 files changed, 65 insertions(+), 1 deletion(-) create mode 100644 src/components/ReactTable5/grid.svg create mode 100644 src/components/ReactTable5/list.svg diff --git a/src/components/ReactTable5/BasicTable.js b/src/components/ReactTable5/BasicTable.js index 9022fa7..867ea04 100644 --- a/src/components/ReactTable5/BasicTable.js +++ b/src/components/ReactTable5/BasicTable.js @@ -15,6 +15,9 @@ import ShowMoreRows from "./ShowMoreRows"; import { Settings } from "./Settings"; import { Checkbox } from "./Checkbox"; +import grid from "./grid.svg"; +import list from "./list.svg"; + import RenderRowSubComponent from "./RenderRowSubComponent"; import EditRow from "./EditRow"; @@ -147,6 +150,8 @@ const BasicTable = ({ return ( <> + +
{/* right box */} @@ -209,7 +214,7 @@ const BasicTable = ({
) : null} - {/* table */} + {/* table LIST */} {activeTab == 0 ? ( <> )} + {/* GRID LIST */} +
+
+ {data.map((item, index) => ( +

{item.fileName}

+ ))} +
+
); }; diff --git a/src/components/ReactTable5/grid.svg b/src/components/ReactTable5/grid.svg new file mode 100644 index 0000000..987c1f3 --- /dev/null +++ b/src/components/ReactTable5/grid.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/components/ReactTable5/list.svg b/src/components/ReactTable5/list.svg new file mode 100644 index 0000000..cddfdd4 --- /dev/null +++ b/src/components/ReactTable5/list.svg @@ -0,0 +1,44 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +