1 files changed, 51 insertions, 0 deletions
diff --git a/src/pages/Recent.tsx b/src/pages/Recent.tsx
new file mode 100644
index 0000000..cecef25
--- /dev/null
+++ b/src/pages/Recent.tsx
@@ -0,0 +1,51 @@
+import { useEffect, useState, useCallback } from "react"
+
+import { useNavigate } from "react-router-dom"
+import SideBar from "../components/Sidebar/Sidebar"
+
+export default function Recent(props: any) {
+  const navigate = useNavigate()
+
+  const [files, setFiles] = useState([])
+
+  useEffect(() => {
+    if (!props.session) {
+      navigate('/login')
+    }
+  }, [props.session])
+
+  const fetchFiles = useCallback(async () => {
+    const { data, error } = await props.supabase
+      .from('file')
+      .select()
+    if (error) {
+      console.error(error)
+      return
+    }
+    setFiles(data.map((file: any) => {
+      return file as File
+    }))
+  }, [props.supabase])
+
+  useEffect(() => {
+    fetchFiles()
+  }, [])
+
+  return (
+    <>
+      <div className="flex h-screen">
+        <SideBar />
+        <main className="flex-1 overflow-y-auto">
+          <div>
+            {files.map((file: any) => (
+              <div key={file.id}>
+                <p className="underline">file: {file.absolute_path}</p>
+              </div>
+            ))
+            }
+          </div>
+        </main>
+      </div>
+    </>
+  )
+}