Restore reactivity

Author: simolus3

demos/supabase-todolist-drift/lib/components/app_bar.dart

@@ -1,3 +1,4 @@
+import 'package:auto_route/auto_route.dart';
 import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
@@ -23,6 +24,7 @@ final class StatusAppBar extends ConsumerWidget implements PreferredSizeWidget {
     final statusIcon = _getStatusIcon(syncState);
 
     return AppBar(
+      leading: const AutoLeadingButton(),
       title: title,
       actions: <Widget>[
         IconButton(

demos/supabase-todolist-drift/lib/components/page_layout.dart

@@ -8,47 +8,53 @@ final class PageLayout extends ConsumerWidget {
   final Widget content;
   final Widget? title;
   final Widget? floatingActionButton;
+  final bool showDrawer;
 
   const PageLayout({
     super.key,
     required this.content,
     this.title,
     this.floatingActionButton,
+    this.showDrawer = true,
   });
 
   @override
   Widget build(BuildContext context, WidgetRef ref) {
     return Scaffold(
-      appBar: StatusAppBar(title: title ?? const Text('PowerSync Demo')),
+      appBar: StatusAppBar(
+        title: title ?? const Text('PowerSync Demo'),
+      ),
       body: Center(child: content),
       floatingActionButton: floatingActionButton,
-      drawer: Drawer(
-        // Add a ListView to the drawer. This ensures the user can scroll
-        // through the options in the drawer if there isn't enough vertical
-        // space to fit everything.
-        child: ListView(
-          // Important: Remove any padding from the ListView.
-          padding: EdgeInsets.zero,
-          children: [
-            const DrawerHeader(
-              decoration: BoxDecoration(
-                color: Colors.blue,
+      drawer: showDrawer
+          ? Drawer(
+              // Add a ListView to the drawer. This ensures the user can scroll
+              // through the options in the drawer if there isn't enough vertical
+              // space to fit everything.
+              child: ListView(
+                // Important: Remove any padding from the ListView.
+                padding: EdgeInsets.zero,
+                children: [
+                  const DrawerHeader(
+                    decoration: BoxDecoration(
+                      color: Colors.blue,
+                    ),
+                    child: Text(''),
+                  ),
+                  ListTile(
+                    title: const Text('SQL Console'),
+                    onTap: () {},
+                  ),
+                  ListTile(
+                    title: const Text('Sign Out'),
+                    onTap: () async {
+                      ref.read(authNotifierProvider.notifier).signOut();
+                    },
+                  ),
+                ],
               ),
-              child: Text(''),
-            ),
-            ListTile(
-              title: const Text('SQL Console'),
-              onTap: () {},
-            ),
-            ListTile(
-              title: const Text('Sign Out'),
-              onTap: () async {
-                ref.read(authNotifierProvider.notifier).signOut();
-              },
-            ),
-          ],
-        ),
-      ),
+            )
+          : null,
     );
   }
 }

demos/supabase-todolist-drift/lib/navigation.dart

@@ -1,4 +1,5 @@
 import 'package:auto_route/auto_route.dart';
+import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 
 import 'navigation.gr.dart';
@@ -16,15 +17,49 @@ final class AppRouter extends RootStackRouter {
   RouteType get defaultRouteType => const RouteType.material();
 
   @override
-  List<AutoRoute> get routes => [
-        AutoRoute(page: LoginRoute.page),
-        AutoRoute(page: SignupRoute.page),
-        AutoRoute(
-          initial: true,
-          page: ListsRoute.page,
-          guards: [_authGuard],
-        ),
-      ];
+  List<AutoRoute> get routes {
+    return [
+      AutoRoute(page: LoginRoute.page),
+      AutoRoute(page: SignupRoute.page),
+      AutoRoute(
+        page: LoggedInRoot.page,
+        initial: true,
+        guards: [_authGuard],
+        children: [
+          AutoRoute(
+            initial: true,
+            page: ListsRoute.page,
+          ),
+          _dialogRoute(AddListRoute.page),
+          CustomRoute(page: ListsDetailsRoute.page),
+          _dialogRoute(AddItemRoute.page),
+        ],
+      ),
+    ];
+  }
+
+  static CustomRoute _dialogRoute(PageInfo page) {
+    return CustomRoute(
+      page: page,
+      customRouteBuilder: <T>(context, child, page) {
+        return DialogRoute(
+          context: context,
+          builder: (_) => child,
+          settings: page,
+        );
+      },
+    );
+  }
+}
+
+@RoutePage(name: 'LoggedInRoot')
+final class LoggedInContents extends StatelessWidget {
+  const LoggedInContents({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const AutoRouter();
+  }
 }
 
 final class _AuthGuard extends AutoRouteGuard {