initial codex commit

lib/components/dashboard/leaderboardPanel.dart

@@ -4,8 +4,18 @@ import 'package:mileograph_flutter/services/dataService.dart';
 import 'package:provider/provider.dart';
 
 class LeaderboardPanel extends StatelessWidget {
+  const LeaderboardPanel({super.key});
+
+  @override
   Widget build(BuildContext context) {
     final data = context.watch<DataService>();
+    final leaderboard = data.homepageStats?.leaderboard ?? [];
+    if (data.isHomepageLoading && leaderboard.isEmpty) {
+      return const Padding(
+        padding: EdgeInsets.all(16.0),
+        child: Center(child: CircularProgressIndicator()),
+      );
+    }
     return Padding(
       padding: const EdgeInsets.all(10.0),
       child: Card(
@@ -20,19 +30,23 @@ class LeaderboardPanel extends StatelessWidget {
                 decoration: TextDecoration.underline,
               ),
             ),
-            Column(
-              children: List.generate(
-                data.homepageStats?.leaderboard.length ?? 0,
-                (index) {
-                  final leaderboardEntry =
-                      data.homepageStats!.leaderboard[index];
-                  return Container(
-                    width: double.infinity,
-                    child: Container(
-                      margin: EdgeInsets.symmetric(horizontal: 0, vertical: 8),
+            if (leaderboard.isEmpty)
+              const Padding(
+                padding: EdgeInsets.all(16.0),
+                child: Text('No leaderboard data yet'),
+              )
+            else
+              Column(
+                children: List.generate(
+                  leaderboard.length,
+                  (index) {
+                    final leaderboardEntry = leaderboard[index];
+                    return Container(
+                      width: double.infinity,
+                      margin: const EdgeInsets.symmetric(
+                          horizontal: 0, vertical: 8),
                       child: Padding(
-                        padding: EdgeInsets.all(8),
-
+                        padding: const EdgeInsets.all(8),
                         child: Row(
                           mainAxisAlignment: MainAxisAlignment.spaceBetween,
                           children: [
@@ -41,12 +55,12 @@ class LeaderboardPanel extends StatelessWidget {
                                 children: [
                                   TextSpan(
                                     text: '${index + 1}. ',
-                                    style: TextStyle(
+                                    style: const TextStyle(
                                       fontWeight: FontWeight.bold,
                                     ),
                                   ),
                                   TextSpan(
-                                    text: '${leaderboardEntry.userFullName}',
+                                    text: leaderboardEntry.userFullName,
                                   ),
                                 ],
                               ),
@@ -57,11 +71,10 @@ class LeaderboardPanel extends StatelessWidget {
                           ],
                         ),
                       ),
-                    ),
-                  );
-                },
+                    );
+                  },
+                ),
               ),
-            ),
           ],
         ),
       ),