dialogue transaction: AlertDialog → BottomSheet M3 expressive

lib/app.dart

@@ -1,6 +1,5 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
-import 'theme/app_theme.dart';
 import 'screens/dashboard_screen.dart';
 import 'screens/budget_screen.dart';
 import 'screens/accounts_screen.dart';
@@ -61,15 +60,20 @@ class _YnabAppState extends ConsumerState<YnabApp> {
     DateTime date = DateTime.now();
     bool isExpense = true;
 
-    await showDialog(
+    await showModalBottomSheet(
       context: context,
+      isScrollControlled: true,
+      useSafeArea: true,
       builder: (ctx) => StatefulBuilder(
-        builder: (context, setDialogState) => AlertDialog(
-          title: const Text('Nouvelle transaction'),
-          content: SingleChildScrollView(
+        builder: (context, setSheetState) => Padding(
+          padding: EdgeInsets.fromLTRB(24, 0, 24, MediaQuery.of(context).viewInsets.bottom + 24),
           child: Column(
             mainAxisSize: MainAxisSize.min,
+            crossAxisAlignment: CrossAxisAlignment.stretch,
             children: [
+              const SizedBox(height: 8),
+              Text('Nouvelle transaction', style: Theme.of(context).textTheme.titleLarge),
+              const SizedBox(height: 20),
               TextField(
                 controller: payeeCtrl,
                 decoration: const InputDecoration(labelText: 'Bénéficiaire', hintText: 'Ex: Supermarché'),
@@ -88,7 +92,7 @@ class _YnabAppState extends ConsumerState<YnabApp> {
                   ButtonSegment(value: false, label: Text('Revenu'), icon: Icon(Icons.arrow_downward)),
                 ],
                 selected: {isExpense},
-                  onSelectionChanged: (v) => setDialogState(() => isExpense = v.first),
+                onSelectionChanged: (v) => setSheetState(() => isExpense = v.first),
                 style: ButtonStyle(
                   visualDensity: VisualDensity.compact,
                 ),
@@ -105,14 +109,7 @@ class _YnabAppState extends ConsumerState<YnabApp> {
                   if (v != null) accountId = v;
                 },
               ),
-              ],
-            ),
-          ),
-          actions: [
-            FilledButton.tonal(
-              onPressed: () => Navigator.pop(ctx),
-              child: const Text('Annuler'),
-            ),
+              const SizedBox(height: 24),
               FilledButton(
                 onPressed: () async {
                   final payee = payeeCtrl.text.trim();
@@ -126,13 +123,14 @@ class _YnabAppState extends ConsumerState<YnabApp> {
                     amount: amount,
                     date: date,
                   ));
-                if (ctx.mounted) Navigator.pop(ctx);
+                  if (context.mounted) Navigator.pop(context);
                 },
                 child: const Text('Ajouter'),
               ),
             ],
           ),
         ),
+      ),
     );
   }
 

lib/theme/app_theme.dart

@@ -109,6 +109,7 @@ final ThemeData ynabTheme = ThemeData(
   ),
   bottomSheetTheme: const BottomSheetThemeData(
     backgroundColor: kSurfaceCard,
+    showDragHandle: true,
     shape: RoundedRectangleBorder(
       borderRadius: BorderRadius.vertical(top: Radius.circular(20)),
     ),