Update src/App.js

src/App.js

@@ -118,8 +118,44 @@ const UrologyLeaderboard = () => {
   ];
 
   const loadData = async () => {
-    await new Promise(resolve => setTimeout(resolve, 1000));
-    return mockData;
+    try {
+      // Intentar cargar datos reales desde HuggingFace
+      const response = await fetch('https://datasets-server.huggingface.co/rows?dataset=SASLeaderboard/results&config=default&split=train');
+      
+      if (response.ok) {
+        const data = await response.json();
+        console.log('Raw HuggingFace data:', data);
+        
+        // Procesar los datos reales
+        const processedData = data.rows.map(row => {
+          const config = row.row.config;
+          const results = row.row.results;
+          
+          return {
+            model: config.model || 'Unknown Model',
+            baseModel: config.base_model || '',
+            accuracy: results.overall?.accuracy || 0,
+            totalQuestions: results.overall?.total_questions || 151,
+            correctAnswers: Math.round((results.overall?.accuracy || 0) * (results.overall?.total_questions || 151)),
+            license: config.license || 'Unknown',
+            submitType: config.submit_type || 'unknown',
+            submittedTime: config.submitted_time || new Date().toISOString(),
+            params: config.params || 0,
+            precision: config.precision || 'unknown',
+            status: config.status || 'UNKNOWN'
+          };
+        });
+        
+        console.log('Processed data:', processedData);
+        return processedData;
+      } else {
+        console.log('HuggingFace API failed, using mock data');
+        return mockData;
+      }
+    } catch (error) {
+      console.log('Error loading from HuggingFace, using mock data:', error);
+      return mockData;
+    }
   };
 
   const refreshData = async () => {