Update index.html

index.html

@@ -109,25 +109,42 @@
           this.totalPages = data.totalPages;
         },
         async getThemes(page, sort, useTestData) {
-          const filename = useTestData ? "test_data.json" : "subdomains.json"
-          const res = await fetch(
-            `https://huggingface.co/datasets/freddyaboulton/gradio-theme-subdomains/resolve/main/${filename}`
-          );
-          const data = await res.json();
-          if(sort === 'likes') {
+          let data;
+          if (useTestData) {
+            const res = await fetch(
+              `https://huggingface.co/datasets/freddyaboulton/gradio-theme-subdomains/resolve/main/test_data.json`
+            );
+            data = await res.json();
+          } else {
+            const res = await fetch(
+              'https://huggingface.co/api/spaces?limit=100&filter=gradio-theme&expand[]=subdomain&expand[]=lastModified&expand[]=likes&expand[]=runtime'
+            );
+            data = await res.json();
+            console.log(data)
+            // Transform the API response to match the expected format
+            data = data.filter(item => item.runtime?.stage === "RUNNING").map(item => ({
+              id: item.id,
+              subdomain: `https://${item.subdomain}.hf.space`,
+              likes: item.likes,
+              lastModified: item.lastModified
+            }));
+          }
+        
+          if (sort === 'likes') {
             data.sort((a, b) => (b.likes - a.likes));
-          }else {
+          } else {
             data.sort((a, b) => (new Date(b.lastModified) - new Date(a.lastModified)));
           }
+        
           const pageThemes = data.slice((page - 1) * 15, page * 15);
-
+          
           console.log(pageThemes);
-
+          
           return {
             themes: pageThemes,
-            totalPages: Math.floor(data.length + 15  - 1, 15)
+            totalPages: Math.ceil(data.length / 15)
           };
-        },
+        },        
         async nextPage() {
           if (this.page < this.totalPages) {
             this.page += 1;