update

src/components/FileManager/index.js

@@ -12,12 +12,14 @@ import Folderlists from "../Folderlist";
 
 import graySearchIcon from "./images/gray-search-icon.svg";
 import arrowLeft from "./images/arrow-left.svg";
+import BasicTable from "../ReactTable4/index";
+import SemiDonut from "../SemiDonut";
 
 const FileManager = () => {
   return (
     <div style={{ backgroundColor: "#FBFBFB" }} className="flex flex-row">
       {/* ? right Section */}
-      <div className="flex-1 w-10/12">
+      <div className="w-9/12">
         <div className="px-7 py-5">
           {/* ? breadCrumb */}
           <div className="mb-5">
@@ -81,11 +83,22 @@ const FileManager = () => {
             </div>
             {/* folderLists */}
             <Folderlists />
+            {/* ? pageTitle */}
+            <div
+              className="mt-5 rounded-lg shadow-md w-full"
+              style={{ backgroundColor: "#FBFBFB" }}
+            >
+              {/* <TitleSubtitle /> */}
+              <BasicTable />
+            </div>
           </div>
         </div>
       </div>
       {/* left Section */}
-      <div className=" bg-orange-500 w-3/12">fsad </div>
+      <div className="w-3/12 py-5  ">
+        <TitleSubtitle />
+        <SemiDonut />
+      </div>
     </div>
   );
 };

src/components/SemiDonut/index.js

@@ -11,6 +11,9 @@ class SemiDonut extends Component {
         chart: {
           type: "donut",
         },
+        legend: {
+          show: false,
+        },
         plotOptions: {
           pie: {
             startAngle: -90,
@@ -20,7 +23,7 @@ class SemiDonut extends Component {
         },
         grid: {
           padding: {
-            bottom: -80,
+            bottom: 0,
           },
         },
         responsive: [
@@ -37,8 +40,7 @@ class SemiDonut extends Component {
           },
         ],
       },
-
-      series: [44, 44, 44, 44, 44],
+      series: [44, 44, 44, 44],
     };
   }
 
@@ -48,7 +50,7 @@ class SemiDonut extends Component {
         options={this.state.options}
         series={this.state.series}
         type="donut"
-        height="250"
+        height="320px"
         width="100%"
       />
     );