llsajjad
94 lines
3.1 KiB
Dart
94 lines
3.1 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:flutter_svg/flutter_svg.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'package:tm_app/core/constants/assets.dart';
|
|
import 'package:tm_app/core/theme/colors.dart';
|
|
import 'package:tm_app/core/utils/size_config.dart';
|
|
import 'package:tm_app/data/services/model/notification_data/notification_data.dart';
|
|
import 'package:tm_app/view_models/notification_view_model.dart';
|
|
|
|
class NotificationCard extends StatelessWidget {
|
|
final NotificationItem notification;
|
|
const NotificationCard({required this.notification, super.key});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final viewModel = context.read<NotificationViewModel>();
|
|
return Container(
|
|
width: double.infinity,
|
|
margin: EdgeInsets.symmetric(horizontal: 24.0.w()),
|
|
padding: const EdgeInsets.all(16.0),
|
|
decoration: BoxDecoration(
|
|
color:
|
|
notification.type == 'reject'
|
|
? AppColors.orange10
|
|
: notification.type == 'info'
|
|
? AppColors.primary10Light
|
|
: AppColors.green0,
|
|
borderRadius: BorderRadius.circular(4),
|
|
border: Border.all(
|
|
color:
|
|
notification.type! == 'reject'
|
|
? AppColors.warningColor
|
|
: notification.type == 'info' ? AppColors.primary20 : AppColors.green20,
|
|
),
|
|
),
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Padding(
|
|
padding: EdgeInsets.only(top: 3.0.h()),
|
|
child: SvgPicture.asset(
|
|
notification.type! == 'info'
|
|
? AssetsManager.notification
|
|
: notification.type! == 'reject'
|
|
? AssetsManager.danger
|
|
: AssetsManager.tickCircle,
|
|
),
|
|
),
|
|
SizedBox(width: 5.0.w()),
|
|
Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
notification.title!,
|
|
style: TextStyle(
|
|
fontSize: 16.0.sp(),
|
|
fontWeight: FontWeight.w600,
|
|
color: AppColors.grey80,
|
|
),
|
|
),
|
|
SizedBox(height: 8.0.h()),
|
|
Text(
|
|
notification.message!,
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(
|
|
fontSize: 14.0.sp(),
|
|
fontWeight: FontWeight.w400,
|
|
color: AppColors.grey70,
|
|
),
|
|
),
|
|
SizedBox(height: 8.0.h()),
|
|
Row(
|
|
children: [
|
|
SvgPicture.asset(AssetsManager.calendar),
|
|
SizedBox(width: 4.0.w()),
|
|
Text(
|
|
viewModel.timeAgo(notification.createdAt!),
|
|
style: TextStyle(
|
|
fontSize: 12.0.sp(),
|
|
fontWeight: FontWeight.w400,
|
|
color: AppColors.grey60,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|