diff options
| author | Manuel Palenzuela Merino <manuel.palenzuela@datadoghq.com> | 2024-07-13 09:40:39 +0200 |
|---|---|---|
| committer | Manuel Palenzuela Merino <manuel.palenzuela@datadoghq.com> | 2024-07-13 09:40:39 +0200 |
| commit | 0c31d4e7b3a090c8c64bb7a86dd063fa0962aa73 (patch) | |
| tree | ea069e9a02b92cabe95849dda260ccab99c57d96 | |
| parent | Components: Sidebar: Dont round corners (diff) | |
| download | fs-tracer-frontend-0c31d4e7b3a090c8c64bb7a86dd063fa0962aa73.tar.gz fs-tracer-frontend-0c31d4e7b3a090c8c64bb7a86dd063fa0962aa73.tar.bz2 fs-tracer-frontend-0c31d4e7b3a090c8c64bb7a86dd063fa0962aa73.zip | |
Pages: File: Dont show if file doesnt exist
| -rw-r--r-- | src/pages/File.tsx | 46 |
1 files changed, 27 insertions, 19 deletions
diff --git a/src/pages/File.tsx b/src/pages/File.tsx index be611eb..bbbdac2 100644 --- a/src/pages/File.tsx +++ b/src/pages/File.tsx @@ -13,6 +13,8 @@ export default function File(props: any) { const latestFile = files[0] as FSTracerFile | undefined + const maxFilesToShow = 20; + useEffect(() => { if (!props.session) { navigate('/login') @@ -26,7 +28,7 @@ export default function File(props: any) { .select() .eq('absolute_path', filepath) .order('timestamp', { ascending: false }) - .range(0, 20) + .range(0, maxFilesToShow) if (error) { console.error(error) return @@ -52,27 +54,33 @@ export default function File(props: any) { <div className="flex h-screen"> <SideBar /> <main className="flex-1 overflow-y-auto my-4"> - <div className="flex flex-col items-center"> - { - formatFilePathAsName(filepath as string)// TODO: Filepath could be null - } - </div> - <div className="mt-5 flex flex-col items-center"> - <div className="border rounded py-5 px-5"> - {latestFile && <FileInfo file={latestFile} /> + {filepath && latestFile ? <> + <div className="flex flex-col items-center"> + { + formatFilePathAsName(filepath) } </div> - </div> - <div className="mt-5 flex flex-col items-center"> - <div className="border rounded py-5 px-5"> - {files.map((file: FSTracerFile) => ( - <div key={file.id}> - <p>{file.absolute_path} - {file.timestamp}</p> - </div> - )) - } + <div className="mt-5 flex flex-col items-center"> + <div className="block border rounded shadowpy-5 px-5 bg-blue"> + {latestFile && <FileInfo file={latestFile} />} + </div> + </div> + <div className="mt-5 flex flex-col items-center"> + <div className="block border rounded shadow py-5 px-5 bg-blue"> + {files.map((file: FSTracerFile) => ( + <div key={file.id}> + <p>{file.absolute_path} - {file.timestamp}</p> + </div> + )) + } + </div> + </div> + </> : <> + <div className="flex flex-col items-center"> + <p>File not found</p> </div> - </div> + </> + } </main> </div> </> |