update App.js, src/components/ReactTable4/index.js, src/components/ReactTable5/index.js and src/index.scss

src/App.js

@@ -64,7 +64,6 @@ import OutlineInput from "./components/OutlineInput";
 import CancleIcon from "./components/CancleIcon";
 import ButtonNewDesign from "./components/ButtonNewDesign";
 import TimeLineComponent from "./components/TimeLineComponent";
-
 import TitleSubtitle from "./components/TitleSubtitle";
 import TimeLine from "./components/TimeLineComponent/Timeline";
 import ProfilePicNextToEachOther from "./components/ProfilePicNextToEachOther";
@@ -83,7 +82,6 @@ import CardDesign2 from "./components/CardDesign2";
 import ButtonDivTag from "./components/ButtonDivTag";
 import Button from "./components/Button";
 import LeafletMap from "./components/LeafletMap";
-
 import TestComponentNew from "./components/TestComponentNew";
 import DateRangePicker from "./components/DateRangePicker";
 import BoxNextToEachOther from "./components/BoxNextToEachOther";
@@ -189,7 +187,7 @@ function App() {
         {/* <FolderTree /> */}
         {/* ----------------------------$$$ end---------------------------- */}
 
-        {/* <ReactTable4 /> */}
+        <ReactTable4 />
         {/* <ReactTable5 /> */}
 
         {/* ----------------------------$$$ start---------------------------- */}

src/components/ReactTable4/index.js

@@ -14,6 +14,7 @@ const ReactTable4 = ({ breadCrumbs, subTitle, title }) => {
   const [tabs, setTabs] = useState([
     { name: "جدول " + breadCrumbs[breadCrumbs.length - 1].name, id: 0 },
   ]);
+
   let [activeTab, setActivateTab] = useState(0);
 
   const stateRef = useRef();
@@ -59,7 +60,7 @@ const ReactTable4 = ({ breadCrumbs, subTitle, title }) => {
         ))}
       </div>
       <div className="my-7">
-        <TitleSubtitle titleBorderClassName={"ml-2"} />
+        <TitleSubtitle titleBorderClassName={"ml-1 w-1 h-6 bg-red-400"} />
       </div>
       <BasicTable
         addTab={addTab}

src/components/ReactTable5/index.js

@@ -14,6 +14,7 @@ const ReactTable5 = ({ breadCrumbs, breadCrumb }) => {
   const [tabs, setTabs] = useState([
     { name: "جدول " + breadCrumbs[breadCrumbs.length - 1].name, id: 0 },
   ]);
+
   let [activeTab, setActivateTab] = useState(0);
 
   const stateRef = useRef();