mirror of
https://github.com/immich-app/immich.git
synced 2025-07-09 03:04:16 -04:00
73733370a2
* reduce timeline rebuilds * feat: adds bottom sheet map and actions (#19692) * adds bottom sheet map and actions * PR feedbacks * only reload the asset viewer if asset is changed * styling tweak --------- Co-authored-by: shenlong-tanwen <139912620+shalong-tanwen@users.noreply.github.com> Co-authored-by: Alex <alex.tran1502@gmail.com> * rename singleton and remove event prefix * adds bottom sheet map and actions * PR feedbacks * refactor: use provider for viewer state * feat: adds top and bottom app bar * add safe area to bottom app bar * change app and bottom bar color * viewer - always have black background * use the full width for the bottom sheet on landscape as well * constraint the bottom sheet to not expand all the way * add padding for location details in landscape --------- Co-authored-by: shenlong-tanwen <139912620+shalong-tanwen@users.noreply.github.com> Co-authored-by: Alex <alex.tran1502@gmail.com>
74 lines
2.0 KiB
Dart
74 lines
2.0 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:immich_mobile/extensions/build_context_extensions.dart';
|
|
|
|
class BaseActionButton extends StatelessWidget {
|
|
const BaseActionButton({
|
|
super.key,
|
|
required this.label,
|
|
required this.iconData,
|
|
this.onPressed,
|
|
this.onLongPressed,
|
|
this.maxWidth = 90.0,
|
|
this.minWidth,
|
|
this.menuItem = false,
|
|
});
|
|
|
|
final String label;
|
|
final IconData iconData;
|
|
final double maxWidth;
|
|
final double? minWidth;
|
|
final bool menuItem;
|
|
final void Function()? onPressed;
|
|
final void Function()? onLongPressed;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final miniWidth =
|
|
minWidth ?? (context.isMobile ? context.width / 4.5 : 75.0);
|
|
final iconTheme = IconTheme.of(context);
|
|
final iconSize = iconTheme.size ?? 24.0;
|
|
final iconColor = iconTheme.color ?? context.themeData.iconTheme.color;
|
|
final textColor = context.themeData.textTheme.labelLarge?.color;
|
|
|
|
if (menuItem) {
|
|
return IconButton(
|
|
onPressed: onPressed,
|
|
icon: Icon(iconData, size: iconSize, color: iconColor),
|
|
);
|
|
}
|
|
|
|
return ConstrainedBox(
|
|
constraints: BoxConstraints(
|
|
maxWidth: maxWidth,
|
|
),
|
|
child: MaterialButton(
|
|
padding: const EdgeInsets.all(10),
|
|
shape: const RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.all(Radius.circular(20)),
|
|
),
|
|
textColor: textColor,
|
|
onPressed: onPressed,
|
|
onLongPress: onLongPressed,
|
|
minWidth: miniWidth,
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
crossAxisAlignment: CrossAxisAlignment.center,
|
|
children: [
|
|
Icon(iconData, size: iconSize, color: iconColor),
|
|
const SizedBox(height: 8),
|
|
Text(
|
|
label,
|
|
style: const TextStyle(
|
|
fontSize: 14.0,
|
|
fontWeight: FontWeight.w400,
|
|
),
|
|
maxLines: 3,
|
|
textAlign: TextAlign.center,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|