abc

mobile/lib/presentation/pages/dev/ui_showcase.page.dart

@@ -3,33 +3,6 @@ import 'package:flutter/material.dart';
 import 'package:immich_mobile/extensions/build_context_extensions.dart';
 import 'package:immich_ui/immich_ui.dart';
 
-List<Widget> _showcaseBuilder(Function(ImmichVariant variant, ImmichColor color) builder) {
-  final children = <Widget>[];
-
-  final items = [
-    (variant: ImmichVariant.filled, title: "Filled Variant"),
-    (variant: ImmichVariant.ghost, title: "Ghost Variant"),
-  ];
-
-  for (final (:variant, :title) in items) {
-    children.add(Text(title));
-    children.add(Row(spacing: 10, children: [for (var color in ImmichColor.values) builder(variant, color)]));
-  }
-
-  return children;
-}
-
-class _ComponentTitle extends StatelessWidget {
-  final String title;
-
-  const _ComponentTitle(this.title);
-
-  @override
-  Widget build(BuildContext context) {
-    return Text(title, style: context.textTheme.titleLarge);
-  }
-}
-
 @RoutePage()
 class ImmichUIShowcasePage extends StatelessWidget {
   const ImmichUIShowcasePage({super.key});
@@ -37,63 +10,30 @@ class ImmichUIShowcasePage extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      appBar: AppBar(title: const Text('Immich UI Showcase')),
+      body: LayoutBuilder(
-      body: Padding(
+        builder: (context, constraints) {
-        padding: const EdgeInsets.all(20),
+          final itemHeight = constraints.maxHeight * 0.5; // Each item takes 50% of screen
-        child: SingleChildScrollView(
-          child: Column(
-            spacing: 10,
-            mainAxisAlignment: MainAxisAlignment.start,
-            crossAxisAlignment: CrossAxisAlignment.start,
-            children: [
-              const _ComponentTitle("IconButton"),
-              ..._showcaseBuilder(
-                (variant, color) =>
-                    ImmichIconButton(icon: Icons.favorite, color: color, variant: variant, onPressed: () {}),
-              ),
-              const _ComponentTitle("CloseButton"),
-              ..._showcaseBuilder(
-                (variant, color) => ImmichCloseButton(color: color, variant: variant, onPressed: () {}),
-              ),
-              const _ComponentTitle("TextButton"),
 
-              ImmichTextButton(
+          return PageView.builder(
-                labelText: "Text Button",
+            scrollDirection: Axis.vertical,
-                onPressed: () {},
+            controller: PageController(
-                variant: ImmichVariant.filled,
+              viewportFraction: 0.5, // Shows 2 items at once
-                color: ImmichColor.primary,
+            ),
-              ),
+            itemCount: 2,
-              ImmichTextButton(
+            itemBuilder: (context, index) {
-                labelText: "Text Button",
+              final colors = [Colors.blue, Colors.green];
-                onPressed: () {},
+              final labels = ['First Item', 'Second Item'];
-                variant: ImmichVariant.filled,
+
-                color: ImmichColor.primary,
+              return Center(
-                loading: true,
+                child: Container(
-              ),
+                  padding: const EdgeInsets.all(24),
-              ImmichTextButton(
+                  color: colors[index],
-                labelText: "Text Button",
+                  child: Text(labels[index], style: const TextStyle(color: Colors.white, fontSize: 24)),
-                onPressed: () {},
-                variant: ImmichVariant.ghost,
-                color: ImmichColor.primary,
-              ),
-              ImmichTextButton(
-                labelText: "Text Button",
-                onPressed: () {},
-                variant: ImmichVariant.ghost,
-                color: ImmichColor.primary,
-                loading: true,
-              ),
-              const _ComponentTitle("Form"),
-              ImmichForm(
-                onSubmit: () {},
-                child: const Column(
-                  spacing: 10,
-                  children: [ImmichTextInput(label: "Title", hintText: "Enter a title")],
                 ),
-              ),
+              );
-            ],
+            },
-          ),
+          );
-        ),
+        },
       ),
     );
   }

mobile/lib/presentation/widgets/asset_viewer/asset_viewer.page.dart

@@ -357,7 +357,7 @@ class _AssetViewerState extends ConsumerState<AssetViewer> {
     }
 
     if (distanceToOrigin > openThreshold && !showingBottomSheet && !ref.read(readonlyModeProvider)) {
-      _openBottomSheet(ctx);
+      // _openBottomSheet(ctx);
     }
   }