|
|
|
@ -1,12 +1,10 @@
|
|
|
|
|
import 'package:easy_localization/easy_localization.dart';
|
|
|
|
|
import 'package:flutter/material.dart';
|
|
|
|
|
import 'package:flutter_svg/flutter_svg.dart';
|
|
|
|
|
import 'package:mohem_flutter_app/classes/colors.dart';
|
|
|
|
|
import 'package:mohem_flutter_app/classes/decorations_helper.dart';
|
|
|
|
|
import 'package:mohem_flutter_app/config/routes.dart';
|
|
|
|
|
import 'package:mohem_flutter_app/extensions/int_extensions.dart';
|
|
|
|
|
import 'package:mohem_flutter_app/extensions/string_extensions.dart';
|
|
|
|
|
import 'package:mohem_flutter_app/extensions/widget_extensions.dart';
|
|
|
|
|
import 'package:mohem_flutter_app/generated/locale_keys.g.dart';
|
|
|
|
|
import 'package:mohem_flutter_app/ui/marathon/marathon_intro_screen.dart';
|
|
|
|
|
import 'package:mohem_flutter_app/ui/marathon/marathon_provider.dart';
|
|
|
|
|
import 'package:mohem_flutter_app/ui/marathon/widgets/countdown_timer.dart';
|
|
|
|
@ -18,58 +16,61 @@ class MarathonBanner extends StatelessWidget {
|
|
|
|
|
@override
|
|
|
|
|
Widget build(BuildContext context) {
|
|
|
|
|
MarathonProvider provider = context.read<MarathonProvider>();
|
|
|
|
|
return Stack(
|
|
|
|
|
children: [
|
|
|
|
|
SvgPicture.asset(
|
|
|
|
|
"assets/images/marathon_banner_bg.svg",
|
|
|
|
|
fit: BoxFit.cover,
|
|
|
|
|
width: MediaQuery.of(context).size.width - 40,
|
|
|
|
|
),
|
|
|
|
|
Row(
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
Column(
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
|
|
|
mainAxisSize: MainAxisSize.min,
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
5.height,
|
|
|
|
|
Flexible(
|
|
|
|
|
child: const Text(
|
|
|
|
|
"Get Ready for the coming contest:",
|
|
|
|
|
style: TextStyle(
|
|
|
|
|
fontStyle: FontStyle.italic,
|
|
|
|
|
fontSize: 11,
|
|
|
|
|
fontWeight: FontWeight.w600,
|
|
|
|
|
color: MyColors.lightGreyEFColor,
|
|
|
|
|
letterSpacing: -0.4,
|
|
|
|
|
),
|
|
|
|
|
).paddingOnly(right: 12),
|
|
|
|
|
),
|
|
|
|
|
const Flexible(
|
|
|
|
|
child: Text(
|
|
|
|
|
"Saudi Arabia",
|
|
|
|
|
style: TextStyle(
|
|
|
|
|
fontStyle: FontStyle.italic,
|
|
|
|
|
fontSize: 20,
|
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
|
color: MyColors.lightGreyEFColor,
|
|
|
|
|
// letterSpacing: -0.4,
|
|
|
|
|
return Container(
|
|
|
|
|
decoration: MyDecorations.shadowDecoration,
|
|
|
|
|
child: Stack(
|
|
|
|
|
children: [
|
|
|
|
|
SvgPicture.asset(
|
|
|
|
|
"assets/images/marathon_banner_bg.svg",
|
|
|
|
|
fit: BoxFit.cover,
|
|
|
|
|
width: MediaQuery.of(context).size.width - 40,
|
|
|
|
|
),
|
|
|
|
|
Row(
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
Column(
|
|
|
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
|
|
|
mainAxisSize: MainAxisSize.min,
|
|
|
|
|
children: <Widget>[
|
|
|
|
|
5.height,
|
|
|
|
|
Flexible(
|
|
|
|
|
child: const Text(
|
|
|
|
|
"Get Ready for the coming contest:",
|
|
|
|
|
style: TextStyle(
|
|
|
|
|
fontStyle: FontStyle.italic,
|
|
|
|
|
fontSize: 11,
|
|
|
|
|
fontWeight: FontWeight.w600,
|
|
|
|
|
color: MyColors.lightGreyEFColor,
|
|
|
|
|
letterSpacing: -0.4,
|
|
|
|
|
),
|
|
|
|
|
).paddingOnly(right: 12),
|
|
|
|
|
),
|
|
|
|
|
const Flexible(
|
|
|
|
|
child: Text(
|
|
|
|
|
"Saudi Arabia",
|
|
|
|
|
style: TextStyle(
|
|
|
|
|
fontStyle: FontStyle.italic,
|
|
|
|
|
fontSize: 20,
|
|
|
|
|
fontWeight: FontWeight.bold,
|
|
|
|
|
color: MyColors.lightGreyEFColor,
|
|
|
|
|
// letterSpacing: -0.4,
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
),
|
|
|
|
|
5.height,
|
|
|
|
|
BuildCountdownTimer(
|
|
|
|
|
timeToMarathon: dummyEndTime,
|
|
|
|
|
provider: provider,
|
|
|
|
|
screenFlag: 0,
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
)
|
|
|
|
|
],
|
|
|
|
|
).paddingOnly(right: 10),
|
|
|
|
|
],
|
|
|
|
|
).onPress(
|
|
|
|
|
() => Navigator.pushNamed(context, AppRoutes.marathonIntroScreen),
|
|
|
|
|
5.height,
|
|
|
|
|
BuildCountdownTimer(
|
|
|
|
|
timeToMarathon: dummyEndTime,
|
|
|
|
|
provider: provider,
|
|
|
|
|
screenFlag: 0,
|
|
|
|
|
),
|
|
|
|
|
],
|
|
|
|
|
)
|
|
|
|
|
],
|
|
|
|
|
).paddingOnly(right: 10),
|
|
|
|
|
],
|
|
|
|
|
).onPress(
|
|
|
|
|
() => Navigator.pushNamed(context, AppRoutes.marathonIntroScreen),
|
|
|
|
|
),
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|