add data service and homepage data retrieval

lib/main.dart

@@ -2,8 +2,10 @@ import 'package:flutter/material.dart';
 import 'package:mileograph_flutter/services/apiService.dart';
 import 'package:mileograph_flutter/services/authservice.dart';
 import 'package:mileograph_flutter/services/dataService.dart';
+
 import 'package:provider/provider.dart';
 import 'components/login/login.dart';
+import 'components/pages/dashboard.dart';
 
 late ApiService api;
 
@@ -39,13 +41,13 @@ void main() {
 }
 
 class AppRoot extends StatelessWidget {
+  const AppRoot({super.key});
+
   @override
   Widget build(BuildContext context) {
     return Consumer<AuthService>(
       builder: (context, auth, child) {
-        return auth.isLoggedIn
-            ? MyHomePage(title: "Mileograph")
-            : LoginScreen();
+        return auth.isLoggedIn ? MyHomePage() : LoginScreen();
       },
     );
   }
@@ -92,7 +94,7 @@ class MyApp extends StatelessWidget {
 }
 
 class MyHomePage extends StatefulWidget {
-  const MyHomePage({super.key, required this.title});
+  const MyHomePage({super.key});
 
   // This widget is the home page of your application. It is stateful, meaning
   // that it has a State object (defined below) that contains fields that affect
@@ -103,8 +105,6 @@ class MyHomePage extends StatefulWidget {
   // used by the build method of the State. Fields in a Widget subclass are
   // always marked "final".
 
-  final String title;
-
   @override
   State<MyHomePage> createState() => _MyHomePageState();
 }
@@ -120,13 +120,22 @@ class _MyHomePageState extends State<MyHomePage> {
   ];
 
   bool loggedIn = false;
+  bool _fetched = false;
 
   @override
   void didChangeDependencies() {
     super.didChangeDependencies();
-    final data = context.read<DataService>();
-    if (data.homepageStats == null) {
-      data.fetchHomepageStats();
+
+    if (!_fetched) {
+      _fetched = true;
+      WidgetsBinding.instance.addPostFrameCallback((_) {
+        final data = context.read<DataService>();
+        final auth = context.read<AuthService>();
+        api.setTokenProvider(() => auth.token);
+        if (data.homepageStats == null) {
+          data.fetchHomepageStats();
+        }
+      });
     }
   }
 
@@ -135,6 +144,7 @@ class _MyHomePageState extends State<MyHomePage> {
     Widget currentPage;
 
     final data = context.watch<DataService>();
+    final auth = context.read<AuthService>();
 
     if (data.homepageStats != null) {
       currentPage = contentPages[pageIndex];
@@ -160,9 +170,26 @@ class _MyHomePageState extends State<MyHomePage> {
         backgroundColor: Theme.of(context).colorScheme.inversePrimary,
         // Here we take the value from the MyHomePage object that was created by
         // the App.build method, and use it to set our appbar title.
-        title: Text(widget.title),
+        title: Text.rich(
+          TextSpan(
+            children: [
+              TextSpan(text: "Mile"),
+              TextSpan(
+                text: "O",
+                style: TextStyle(color: Colors.red),
+              ),
+              TextSpan(text: "graph"),
+            ],
+            style: TextStyle(
+              decoration: TextDecoration.none,
+              color: Colors.white,
+              fontFamily: "Tomatoes",
+            ),
+          ),
+        ),
         actions: [
           IconButton(onPressed: null, icon: Icon(Icons.account_circle)),
+          IconButton(onPressed: auth.logout, icon: Icon(Icons.logout)),
         ],
       ),
       bottomNavigationBar: NavigationBar(
@@ -189,10 +216,3 @@ class _MyHomePageState extends State<MyHomePage> {
     );
   }
 }
-
-class Dashboard extends StatelessWidget {
-  Dashboard({super.key});
-  Widget build(BuildContext context) {
-    return Text("Logged in");
-  }
-}