diff options
| author | Baitinq <manuelpalenzuelamerino@gmail.com> | 2024-06-23 17:19:33 +0200 |
|---|---|---|
| committer | Baitinq <manuelpalenzuelamerino@gmail.com> | 2024-06-23 17:19:33 +0200 |
| commit | 7a12132668fa959ab5c13767165d134d569c2b55 (patch) | |
| tree | cc35a80e13804c87db36305da718c9171d4e6851 /src/pages | |
| parent | Misc: Move type declaration to special folder (diff) | |
| download | fs-tracer-frontend-7a12132668fa959ab5c13767165d134d569c2b55.tar.gz fs-tracer-frontend-7a12132668fa959ab5c13767165d134d569c2b55.tar.bz2 fs-tracer-frontend-7a12132668fa959ab5c13767165d134d569c2b55.zip | |
Home: Add sidebar
Diffstat (limited to 'src/pages')
| -rw-r--r-- | src/pages/Home.tsx | 22 |
1 files changed, 13 insertions, 9 deletions
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx index 8bda03b..422090f 100644 --- a/src/pages/Home.tsx +++ b/src/pages/Home.tsx @@ -1,6 +1,7 @@ import { useEffect, useState, useCallback } from "react" import { useNavigate } from "react-router-dom" +import SideBar from "../components/Sidebar/Sidebar" export default function Home(props: any) { const navigate = useNavigate() @@ -32,15 +33,18 @@ export default function Home(props: any) { return ( <> - <div> - <h1 className="font-bold">Home</h1> - <p>Logged in!</p> - {files.map((file: any) => ( - <div key={file.id}> - <p className="underline">file: {file.absolute_path}</p> - </div> - )) - } + <div className="flex h-screen"> + <SideBar /> + <main className="flex-1 overflow-y-auto"> + <h1 className="font-bold">Home</h1> + <p>Logged in!</p> + {files.map((file: any) => ( + <div key={file.id}> + <p className="underline">file: {file.absolute_path}</p> + </div> + )) + } + </main> </div> </> ) |