feat(#19): add a dashboard component containing the table and sidebar

profusion · Jun 28, 2024 · 85110f8 · 85110f8
1 parent 8fe6e37
commit 85110f8
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 83 deletions.
diff --git a/dashboard/src/App.tsx b/dashboard/src/App.tsx
@@ -1,13 +1,11 @@
 import "./App.css";
-import LateralMenu from "./components/LateralMenu/LateralMenu";
+import Dashboard from "./components/Dashboard/Dashboard";
 
 function App(): JSX.Element {
   return (
-    <>
       <div className="w-screen h-screen">
-        <LateralMenu />
+        <Dashboard />
       </div>
-    </>
   );
 }
 

diff --git a/dashboard/src/components/Button/Button.tsx b/dashboard/src/components/Button/Button.tsx
diff --git a/dashboard/src/components/Button/button.css b/dashboard/src/components/Button/button.css
diff --git a/dashboard/src/components/Dashboard/Dashboard.tsx b/dashboard/src/components/Dashboard/Dashboard.tsx
@@ -0,0 +1,17 @@
+import LateralMenu from "../LateralMenu/LateralMenu";
+import TreeTable from "../Table/TreeTable";
+
+const Dashboard = () : JSX.Element => {
+  return (
+    <div className="w-full h-full">
+      <div className="flex flex-row w-full">
+        <LateralMenu />
+        <div className="w-full px-16 pt-64">
+          <TreeTable />
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default Dashboard;
diff --git a/dashboard/src/components/LateralMenu/LateralMenu.tsx b/dashboard/src/components/LateralMenu/LateralMenu.tsx
@@ -64,7 +64,7 @@ const NavLink = ({
 const LateralMenu = (): JSX.Element => {
   return (
     <NavigationMenu
-      className="sticky bg-gray-700 z-50 pt-6 flex-col"
+      className="sticky bg-gray-700 pt-6 flex-col h-screen justify-start"
       orientation="vertical"
     >
       <div className="w-full px-4">
@@ -73,7 +73,7 @@ const LateralMenu = (): JSX.Element => {
 
       <Separator className="my-4 bg-gray-600" />
 
-      <NavigationMenuList className="flex-col h-screen justify-start w-52 space-y-4 space-x-0 ">
+      <NavigationMenuList className="flex-col overflow-hidden justify-start w-52 space-y-4 space-x-0 ">
         {items.map((item) =>
           item.selected ? (
             <NavigationMenuItem