feat(mobile): Add dismiss action on app_bar_dialog (#12511)

Add dismiss action on app_bar_dialog
immich-app · Sep 9, 2024 · 7b2f98a · 7b2f98a
1 parent 0a552d2
commit 7b2f98a
Showing 1 changed file with 34 additions and 29 deletions.
diff --git a/mobile/lib/widgets/common/app_bar_dialog/app_bar_dialog.dart b/mobile/lib/widgets/common/app_bar_dialog/app_bar_dialog.dart
@@ -237,35 +237,40 @@ class ImmichAppBarDialog extends HookConsumerWidget {
       );
     }
 
-    return Dialog(
-      clipBehavior: Clip.hardEdge,
-      alignment: Alignment.topCenter,
-      insetPadding: EdgeInsets.only(
-        top: isHorizontal ? 20 : 40,
-        left: horizontalPadding,
-        right: horizontalPadding,
-        bottom: isHorizontal ? 20 : 100,
-      ),
-      shape: RoundedRectangleBorder(
-        borderRadius: BorderRadius.circular(20),
-      ),
-      child: SizedBox(
-        child: SingleChildScrollView(
-          child: Column(
-            mainAxisSize: MainAxisSize.min,
-            children: [
-              Container(
-                padding: const EdgeInsets.all(20),
-                child: buildTopRow(),
-              ),
-              const AppBarProfileInfoBox(),
-              buildStorageInformation(),
-              const AppBarServerInfo(),
-              buildAppLogButton(),
-              buildSettingButton(),
-              buildSignOutButton(),
-              buildFooter(),
-            ],
+    return Dismissible(
+      direction: DismissDirection.down,
+      onDismissed: (_) => Navigator.of(context).pop(),
+      key: const Key('app_bar_dialog'),
+      child: Dialog(
+        clipBehavior: Clip.hardEdge,
+        alignment: Alignment.topCenter,
+        insetPadding: EdgeInsets.only(
+          top: isHorizontal ? 20 : 40,
+          left: horizontalPadding,
+          right: horizontalPadding,
+          bottom: isHorizontal ? 20 : 100,
+        ),
+        shape: RoundedRectangleBorder(
+          borderRadius: BorderRadius.circular(20),
+        ),
+        child: SizedBox(
+          child: SingleChildScrollView(
+            child: Column(
+              mainAxisSize: MainAxisSize.min,
+              children: [
+                Container(
+                  padding: const EdgeInsets.all(20),
+                  child: buildTopRow(),
+                ),
+                const AppBarProfileInfoBox(),
+                buildStorageInformation(),
+                const AppBarServerInfo(),
+                buildAppLogButton(),
+                buildSettingButton(),
+                buildSignOutButton(),
+                buildFooter(),
+              ],
+            ),
           ),
         ),
       ),