TerribleDev/ente
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add notification component

Browse Source
This commit is contained in:
Neeraj Gupta
2023-09-04 16:58:13 +05:30
parent 5e327a7d65
commit a7818fc6d4
1 changed files with 95 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

145
lib/ui/components/notification_warning_widget.dart
View File

@@ -1,75 +1,120 @@
import 'package:ente_auth/ente_theme_data.dart';
import "package:ente_auth/ente_theme_data.dart";
import 'package:ente_auth/theme/colors.dart';
import "package:ente_auth/theme/ente_theme.dart";
import 'package:ente_auth/theme/text_style.dart';
import 'package:ente_auth/ui/components/buttons/icon_button_widget.dart';
import 'package:flutter/material.dart';
class NotificationWarningWidget extends StatelessWidget {
final IconData warningIcon;
// CreateNotificationType enum
enum NotificationType {
warning,
banner,
notice,
}
class NotificationWidget extends StatelessWidget {
final IconData startIcon;
final IconData actionIcon;
final String text;
final String? subText;
final GestureTapCallback onTap;
final NotificationType type;
const NotificationWarningWidget({
const NotificationWidget({
Key? key,
required this.warningIcon,
required this.startIcon,
required this.actionIcon,
required this.text,
required this.onTap,
this.subText,
this.type = NotificationType.warning,
}) : super(key: key);
@override
Widget build(BuildContext context) {
EnteColorScheme colorScheme = getEnteColorScheme(context);
EnteTextTheme textTheme = getEnteTextTheme(context);
TextStyle mainTextStyle = darkTextTheme.bodyBold;
TextStyle subTextStyle = darkTextTheme.miniMuted;
LinearGradient? backgroundGradient;
Color? backgroundColor;
EnteColorScheme strokeColorScheme = darkScheme;
List<BoxShadow>? boxShadow;
switch (type) {
case NotificationType.warning:
backgroundColor = warning500;
break;
case NotificationType.banner:
colorScheme = getEnteColorScheme(context);
textTheme = getEnteTextTheme(context);
backgroundColor = colorScheme.backgroundElevated2;
mainTextStyle = textTheme.bodyBold;
subTextStyle = textTheme.miniMuted;
strokeColorScheme = colorScheme;
boxShadow = [
BoxShadow(color: Colors.black.withOpacity(0.25), blurRadius: 1),
];
break;
case NotificationType.notice:
backgroundColor = colorScheme.backgroundElevated2;
mainTextStyle = textTheme.bodyBold;
subTextStyle = textTheme.miniMuted;
strokeColorScheme = colorScheme;
boxShadow = Theme.of(context).colorScheme.enteTheme.shadowMenu;
break;
}
return Center(
child: GestureDetector(
onTap: onTap,
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 12),
child: Container(
decoration: BoxDecoration(
borderRadius: const BorderRadius.all(
Radius.circular(8),
),
boxShadow: Theme.of(context).colorScheme.enteTheme.shadowMenu,
color: warning500,
child: Container(
decoration: BoxDecoration(
borderRadius: const BorderRadius.all(
Radius.circular(8),
),
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 10),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Icon(
warningIcon,
size: 36,
color: Colors.white,
),
const SizedBox(width: 12),
Flexible(
child: Text(
text,
style: darkTextTheme.bodyBold,
textAlign: TextAlign.left,
),
),
const SizedBox(width: 12),
ClipOval(
child: Material(
color: fillFaintDark,
child: InkWell(
splashColor: Colors.red, // Splash color
onTap: onTap,
child: SizedBox(
width: 40,
height: 40,
child: Icon(
actionIcon,
color: Colors.white,
),
),
boxShadow: boxShadow,
color: backgroundColor,
gradient: backgroundGradient,
),
child: Padding(
padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Icon(
startIcon,
size: 36,
color: strokeColorScheme.strokeBase,
),
const SizedBox(width: 12),
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
text,
style: mainTextStyle,
textAlign: TextAlign.left,
),
),
subText != null
? Text(
subText!,
style: subTextStyle,
)
: const SizedBox.shrink(),
],
),
],
),
),
const SizedBox(width: 12),
IconButtonWidget(
icon: actionIcon,
iconButtonType: IconButtonType.rounded,
iconColor: strokeColorScheme.strokeBase,
defaultColor: strokeColorScheme.fillFaint,
pressedColor: strokeColorScheme.fillMuted,
onTap: onTap,
),
],
),
),
),