update

src/App.js

@@ -82,7 +82,7 @@ function App() {
         {/* <Testttt /> */}
         {/* <Design2D /> */}
         {/* <Features /> */}
-        <Feedback />
+        {/* <Feedback /> */}
         {/* <Alert /> */}
         {/* <Toast /> */}
         {/* <ProductSuggestion /> */}

src/components/ReactTable5/BasicTable.js

@@ -36,6 +36,7 @@ import {
 const BasicTable = ({
   settingsIcon,
   thead,
+  listView,
   addTab,
   tabs,
   delTab,
@@ -149,10 +150,20 @@ const BasicTable = ({
 
   const { globalFilter, pageIndex, pageSize } = state;
 
-  const [activeList, setActiveList] = useState(null);
+  const [activeList, setActiveList] = useState(false);
 
   return (
     <>
+      {/* <div className="flex flex-row items-center">
+        {listView.map((list, i) => (
+          <img
+            keep={i}
+            src={list.icon}
+            className="cursor-pointer mx-2"
+            onClick={() => setActiveList(false)}
+          />
+        ))}
+      </div>{" "} */}
       <img
         src={list}
         className="cursor-pointer my-5"
@@ -226,6 +237,8 @@ const BasicTable = ({
         ) : null}
       </div>
 
+      {activeList === true ? <div>listView</div> : <div>gridView</div>}
+
       {/* table LIST */}
       {activeTab == 0 ? (
         <>
@@ -386,4 +399,13 @@ BasicTable.defaultProps = {
   settingsIcon: true,
 
   thead: false,
+
+  listView: [
+    {
+      icon: list,
+    },
+    {
+      icon: grid,
+    },
+  ],
 };