forked from eatvio/eatvio_app
122 lines
5.2 KiB
Dart
122 lines
5.2 KiB
Dart
import 'package:eatvio_app/core/theme/custom_text_style.dart';
|
|
import 'package:eatvio_app/core/theme/theme_helper.dart';
|
|
import 'package:eatvio_app/core/widgets/loader.dart';
|
|
import 'package:eatvio_app/features/chat/presentation/bloc/chat_room_cubit/chat_room_cubit.dart';
|
|
import 'package:eatvio_app/features/chat/presentation/bloc/chat_room_cubit/chat_room_state.dart';
|
|
import 'package:eatvio_app/features/chat/presentation/pages/payment_screen.dart';
|
|
import 'package:eatvio_app/features/chat/presentation/widgets/chose_plan_date_widget.dart';
|
|
import 'package:eatvio_app/generated/l10n.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_bloc/flutter_bloc.dart';
|
|
import 'package:flutter_svg/svg.dart';
|
|
import 'package:go_router/go_router.dart';
|
|
|
|
class NotificationBanner extends StatefulWidget {
|
|
const NotificationBanner({super.key, required this.bannerType});
|
|
final BannerType bannerType;
|
|
|
|
@override
|
|
State<NotificationBanner> createState() => _NotificationBannerState();
|
|
}
|
|
|
|
class _NotificationBannerState extends State<NotificationBanner> {
|
|
bool isLoading = false;
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final size = MediaQuery.sizeOf(context);
|
|
final s = S.of(context);
|
|
return Container(
|
|
decoration: BoxDecoration(
|
|
color: appTheme.gray50,
|
|
borderRadius: BorderRadius.circular(20),
|
|
),
|
|
child: Row(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 12, right: 8, left: 12),
|
|
child: SvgPicture.asset('assets/icons/reversed_exclamation_mark.svg', height: 68, width: 68),
|
|
),
|
|
if (isLoading)
|
|
const Padding(
|
|
padding: EdgeInsets.only(left: 40, top: 24),
|
|
child: Loader(),
|
|
)
|
|
else
|
|
Padding(
|
|
padding: const EdgeInsets.only(top: 16),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.min,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: switch (widget.bannerType) {
|
|
BannerType.date => [
|
|
SizedBox(
|
|
width: size.width * 0.6,
|
|
child: Text(s.choose_plan_start_date, style: TextStyles.textMMedium.copyWith(color: appTheme.black)),
|
|
),
|
|
const SizedBox(height: 12),
|
|
GestureDetector(
|
|
onTap: () {
|
|
final cubit = context.read<ChatRoomCubit>();
|
|
showModalBottomSheet(
|
|
context: context,
|
|
builder: (context) => ChosePlanDateWidget(
|
|
chatCubit: cubit,
|
|
),
|
|
);
|
|
},
|
|
child: Text(s.choose_date, style: TextStyles.textLSemibold.copyWith(color: appTheme.blueA400)),
|
|
),
|
|
const SizedBox(height: 16),
|
|
],
|
|
BannerType.card => [
|
|
SizedBox(
|
|
width: size.width * 0.6,
|
|
child: Text(s.can_not_choose_start_date, style: TextStyles.textMMedium.copyWith(color: appTheme.black)),
|
|
),
|
|
const SizedBox(height: 12),
|
|
GestureDetector(
|
|
onTap: () {},
|
|
child: Text(s.add_card, style: TextStyles.textLSemibold.copyWith(color: appTheme.blueA400)),
|
|
),
|
|
const SizedBox(height: 16),
|
|
],
|
|
BannerType.payment => [
|
|
SizedBox(
|
|
width: size.width * 0.6,
|
|
child: Text(s.tap_on_link_to_pay, style: TextStyles.textMMedium.copyWith(color: appTheme.black)),
|
|
),
|
|
const SizedBox(height: 12),
|
|
GestureDetector(
|
|
onTap: () async {
|
|
final planId = (context.read<ChatRoomCubit>().state as ChatRoomStateLoaded).chatRoom.chosenPlan?.id;
|
|
setState(() {
|
|
isLoading = true;
|
|
});
|
|
final paymentLink = await context.read<ChatRoomCubit>().getPaymentLink();
|
|
setState(() {
|
|
isLoading = false;
|
|
});
|
|
if (paymentLink != null && planId != null) {
|
|
if (!context.mounted) return;
|
|
GoRouter.of(context).pushReplacement(
|
|
PaymentScreen.path,
|
|
extra: {'url': paymentLink, 'planId': planId},
|
|
);
|
|
}
|
|
},
|
|
child: Text(s.pay, style: TextStyles.textLSemibold.copyWith(color: appTheme.blueA400)),
|
|
),
|
|
const SizedBox(height: 16),
|
|
],
|
|
},
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
enum BannerType { date, card, payment }
|