Update app.py

app.py

@@ -111,7 +111,7 @@ df['url'] = 'https://huggingface.co/spaces/' + df['id']
 
 # ------------------------------------------------------
 
-def search_spaces(search_text="", category="All Categories", offset=0, limit=30):
+def search_spaces(search_text="", category="All Categories", offset=0, limit=100):
     # Filter spaces
     if category == "All Categories":
         spaces_df = df
@@ -124,6 +124,8 @@ def search_spaces(search_text="", category="All Categories", offset=0, limit=30)
     # Sort by likes and get total count
     spaces_df = spaces_df.sort_values('likes', ascending=False)
     total_spaces = len(spaces_df)
+    total_pages = (total_spaces + limit - 1) // limit
+    current_page = (offset // limit) + 1
     
     # Get the current page of spaces
     spaces = spaces_df.iloc[offset:offset + limit][['title', 'likes', 'url', 'category']]
@@ -134,6 +136,7 @@ def search_spaces(search_text="", category="All Categories", offset=0, limit=30)
     <div style='margin-bottom: 20px; padding: 10px; background-color: var(--color-background-primary); 
                 border: 1px solid var(--color-border-primary); border-radius: 5px;'>
         <h3 style='color: var(--color-text-primary);'>Statistics:</h3>
+        <p style='color: var(--color-text-primary);'>Page {current_page} of {total_pages}</p>
         <p style='color: var(--color-text-primary);'>Showing {offset + 1}-{min(offset + limit, total_spaces)} of {total_spaces} Spaces</p>
         <p style='color: var(--color-text-primary);'>Total Likes: {total_likes:,}</p>
     </div>
@@ -186,8 +189,9 @@ def search_spaces(search_text="", category="All Categories", offset=0, limit=30)
     
     has_more = offset + limit < total_spaces
     remaining = total_spaces - (offset + limit) if has_more else 0
+    can_go_back = offset > 0
     
-    return html_content, has_more, remaining
+    return html_content, has_more, remaining, can_go_back, current_page, total_pages
 
 def create_app():
     with gr.Blocks(title="Hugging Face Spaces Explorer", theme=gr.themes.Soft()) as app:
@@ -213,51 +217,66 @@ def create_app():
             )
         
         spaces_display = gr.HTML()
-        load_more_button = gr.Button("Load More", visible=False)
-        remaining_count = gr.Markdown(visible=False)
         
-        def load_more(search_text, category, current_offset):
-            new_offset = current_offset + 30
-            content, has_more, remaining = search_spaces(search_text, category, new_offset)
+        with gr.Row():
+            prev_button = gr.Button("← Previous Page", visible=False)
+            page_info = gr.Markdown("", visible=False)
+            next_button = gr.Button("Next Page →", visible=False)
+        
+        def load_page(search_text, category, current_offset):
+            content, has_more, remaining, can_go_back, current_page, total_pages = search_spaces(
+                search_text, category, current_offset
+            )
             return {
                 spaces_display: content,
-                load_more_button: gr.update(visible=has_more),
-                remaining_count: gr.update(visible=has_more, value=f"*{remaining} more spaces available*"),
-                offset: new_offset
+                next_button: gr.update(visible=has_more),
+                prev_button: gr.update(visible=can_go_back),
+                page_info: gr.update(
+                    visible=True,
+                    value=f"*Page {current_page} of {total_pages} ({remaining} more spaces available)*"
+                ),
+                offset: current_offset
             }
         
+        def next_page(search_text, category, current_offset):
+            return load_page(search_text, category, current_offset + 100)
+        
+        def prev_page(search_text, category, current_offset):
+            new_offset = max(0, current_offset - 100)
+            return load_page(search_text, category, new_offset)
+        
         def reset_and_search(search_text, category):
-            content, has_more, remaining = search_spaces(search_text, category, 0)
-            return {
-                spaces_display: content,
-                load_more_button: gr.update(visible=has_more),
-                remaining_count: gr.update(visible=has_more, value=f"*{remaining} more spaces available*"),
-                offset: 0
-            }
+            return load_page(search_text, category, 0)
         
         # Initial load
         app.load(
             fn=lambda: reset_and_search("", "All Categories"),
-            outputs=[spaces_display, load_more_button, remaining_count, offset]
+            outputs=[spaces_display, next_button, prev_button, page_info, offset]
         )
         
         # Event handlers
         category_dropdown.change(
             fn=reset_and_search,
             inputs=[search_input, category_dropdown],
-            outputs=[spaces_display, load_more_button, remaining_count, offset]
+            outputs=[spaces_display, next_button, prev_button, page_info, offset]
         )
         
         search_input.change(
             fn=reset_and_search,
             inputs=[search_input, category_dropdown],
-            outputs=[spaces_display, load_more_button, remaining_count, offset]
+            outputs=[spaces_display, next_button, prev_button, page_info, offset]
+        )
+        
+        next_button.click(
+            fn=next_page,
+            inputs=[search_input, category_dropdown, offset],
+            outputs=[spaces_display, next_button, prev_button, page_info, offset]
         )
         
-        load_more_button.click(
-            fn=load_more,
+        prev_button.click(
+            fn=prev_page,
             inputs=[search_input, category_dropdown, offset],
-            outputs=[spaces_display, load_more_button, remaining_count, offset]
+            outputs=[spaces_display, next_button, prev_button, page_info, offset]
         )
     
     return app