122 lines
3.5 KiB
Dart
122 lines
3.5 KiB
Dart
|
import 'package:flutter/material.dart';
|
||
|
import 'package:photos/theme/colors.dart';
|
||
|
import 'package:photos/theme/ente_theme.dart';
|
||
|
|
||
|
enum ButtonType {
|
||
|
primary,
|
||
|
secondary,
|
||
|
neutral,
|
||
|
trailingIcon,
|
||
|
critical,
|
||
|
tertiaryCritical,
|
||
|
trailingIconPrimary,
|
||
|
trailingIconSecondary,
|
||
|
}
|
||
|
|
||
|
class LargeButtonWidget extends StatelessWidget {
|
||
|
final ButtonType buttonType;
|
||
|
const LargeButtonWidget({required this.buttonType, super.key});
|
||
|
|
||
|
@override
|
||
|
Widget build(BuildContext context) {
|
||
|
final colorScheme = getEnteColorScheme(context);
|
||
|
final textTheme = getEnteTextTheme(context);
|
||
|
final defaultButtonColor = _defaultButtonColor(colorScheme);
|
||
|
final defaultBorderColor = _defaultBorderColor(colorScheme);
|
||
|
return Container(
|
||
|
width: double.infinity,
|
||
|
decoration: BoxDecoration(
|
||
|
borderRadius: const BorderRadius.all(Radius.circular(4)),
|
||
|
color: defaultButtonColor,
|
||
|
border: Border.all(color: defaultBorderColor),
|
||
|
),
|
||
|
child: Padding(
|
||
|
padding: const EdgeInsets.symmetric(vertical: 14, horizontal: 16),
|
||
|
//show loading or row depending on state of button
|
||
|
child: _hasTrailingIcon()
|
||
|
? Row(
|
||
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||
|
children: [
|
||
|
Padding(
|
||
|
padding: const EdgeInsets.only(right: 16),
|
||
|
child: Text(
|
||
|
"Button",
|
||
|
style: textTheme.bodyBold,
|
||
|
),
|
||
|
),
|
||
|
const Icon(
|
||
|
Icons.add_outlined,
|
||
|
size: 20,
|
||
|
),
|
||
|
],
|
||
|
)
|
||
|
: Row(
|
||
|
mainAxisAlignment: MainAxisAlignment.center,
|
||
|
children: [
|
||
|
const Icon(
|
||
|
Icons.add_outlined,
|
||
|
size: 20,
|
||
|
),
|
||
|
const SizedBox(width: 8),
|
||
|
Padding(
|
||
|
padding: const EdgeInsets.symmetric(horizontal: 8),
|
||
|
child: Text(
|
||
|
"Button",
|
||
|
style: textTheme.bodyBold,
|
||
|
),
|
||
|
)
|
||
|
],
|
||
|
),
|
||
|
),
|
||
|
);
|
||
|
}
|
||
|
|
||
|
Color _defaultButtonColor(EnteColorScheme colorScheme) {
|
||
|
if (_isPrimary()) {
|
||
|
return colorScheme.primary500;
|
||
|
}
|
||
|
if (_isSecondary()) {
|
||
|
return colorScheme.fillFaint;
|
||
|
}
|
||
|
if (buttonType == ButtonType.neutral ||
|
||
|
buttonType == ButtonType.trailingIcon) {
|
||
|
return colorScheme.fillBase;
|
||
|
}
|
||
|
if (buttonType == ButtonType.critical) {
|
||
|
return colorScheme.warning700;
|
||
|
}
|
||
|
if (buttonType == ButtonType.tertiaryCritical) {
|
||
|
return Colors.transparent;
|
||
|
}
|
||
|
return Colors.transparent;
|
||
|
}
|
||
|
|
||
|
Color _defaultBorderColor(EnteColorScheme colorScheme) {
|
||
|
if (buttonType == ButtonType.tertiaryCritical) {
|
||
|
return colorScheme.warning700;
|
||
|
}
|
||
|
return Colors.transparent;
|
||
|
}
|
||
|
|
||
|
bool _hasTrailingIcon() {
|
||
|
return (buttonType == ButtonType.trailingIcon ||
|
||
|
buttonType == ButtonType.trailingIconPrimary ||
|
||
|
buttonType == ButtonType.trailingIconSecondary);
|
||
|
}
|
||
|
|
||
|
bool _isPrimary() {
|
||
|
return (buttonType == ButtonType.primary ||
|
||
|
buttonType == ButtonType.trailingIconPrimary);
|
||
|
}
|
||
|
|
||
|
bool _isSecondary() {
|
||
|
return (buttonType == ButtonType.secondary ||
|
||
|
buttonType == ButtonType.trailingIconSecondary);
|
||
|
}
|
||
|
|
||
|
bool _isCritical() {
|
||
|
return (buttonType == ButtonType.critical ||
|
||
|
buttonType == ButtonType.tertiaryCritical);
|
||
|
}
|
||
|
}
|