mirror of https://github.com/immich-app/immich.git
52 lines
1.7 KiB
Dart
52 lines
1.7 KiB
Dart
import 'package:auto_route/auto_route.dart';
|
|
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;
|
|
}
|
|
|
|
@RoutePage()
|
|
class ImmichUIShowcasePage extends StatelessWidget {
|
|
const ImmichUIShowcasePage({super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
appBar: AppBar(title: const Text('Immich UI Showcase')),
|
|
body: Padding(
|
|
padding: const EdgeInsets.all(20),
|
|
child: SingleChildScrollView(
|
|
child: Column(
|
|
spacing: 10,
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text("IconButton", style: context.textTheme.titleLarge),
|
|
..._showcaseBuilder(
|
|
(variant, color) =>
|
|
ImmichIconButton(icon: Icons.favorite, color: color, variant: variant, onTap: () {}),
|
|
),
|
|
Text("CloseButton", style: context.textTheme.titleLarge),
|
|
..._showcaseBuilder((variant, color) => ImmichCloseButton(color: color, variant: variant, onTap: () {})),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|