Misc: Add missing file

2 files changed, 19 insertions, 2 deletions

diff --git a/src/components/Other/NoData.tsx b/src/components/Other/NoData.tsx
new file mode 100644
index 0000000..c1236c1
--- /dev/null
+++ b/src/components/Other/NoData.tsx
@@ -0,0 +1,9 @@
+export default function NoData() {
+	return (
+		<>
+			<div className="block bg-white-500 border border-gray-200 rounded-lg shadow">
+				<div>No data</div>
+			</div>
+		</>
+	)
+}
diff --git a/src/pages/Recent.tsx b/src/pages/Recent.tsx
index b0e0601..1578905 100644
--- a/src/pages/Recent.tsx
+++ b/src/pages/Recent.tsx
@@ -8,6 +8,8 @@ export default function Recent(props: any) {
 
   const [files, setFiles] = useState([])
 
+  const [paginationOffset, setPaginationOffset] = useState(0);
+
   useEffect(() => {
     if (!props.session) {
       navigate('/login')
@@ -15,27 +17,33 @@ export default function Recent(props: any) {
   }, [props.session])
 
   const fetchFiles = useCallback(async () => {
+    console.log("FETCHIN FILES")
     const { data, error } = await props.supabase
       .from('file')
-      .select()
+      .select().limit(10).offset(paginationOffset)
     if (error) {
       console.error(error)
       return
     }
+    console.log("FETCHED FILES")
     setFiles(data.map((file: any) => {
       return file as File
     }))
   }, [props.supabase])
 
   useEffect(() => {
+    console.log("Aaa")
     fetchFiles()
-  }, [])
+  }, [paginationOffset])
 
   return (
     <>
       <div className="flex h-screen">
         <SideBar currentPage="Recent" />
         <main className="flex-1 overflow-y-auto">
+          <button onClick={() => setPaginationOffset(paginationOffset + 1)}>
+            clickmeforpaginate
+          </button>
           <div>
             {files.map((file: any) => (
               <div key={file.id}>