diff --git a/evently/assets/images/dotted_line.png b/evently/assets/images/dotted_line.png new file mode 100644 index 0000000000..a42539bee3 Binary files /dev/null and b/evently/assets/images/dotted_line.png differ diff --git a/evently/assets/images/svg/diamond.svg b/evently/assets/images/svg/diamond.svg new file mode 100644 index 0000000000..4e874f6959 --- /dev/null +++ b/evently/assets/images/svg/diamond.svg @@ -0,0 +1,3 @@ + + + diff --git a/evently/lib/screens/host_view_ticket_preview.dart b/evently/lib/screens/host_view_ticket_preview.dart index 1951414c69..310e827106 100644 --- a/evently/lib/screens/host_view_ticket_preview.dart +++ b/evently/lib/screens/host_view_ticket_preview.dart @@ -5,6 +5,7 @@ import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; import 'package:flutter/widgets.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart'; +import 'package:flutter_svg/flutter_svg.dart'; class HostTicketPreview extends StatefulWidget { const HostTicketPreview({super.key}); @@ -100,6 +101,7 @@ class _HostTicketPreviewState extends State { padding: EdgeInsets.only(left: 10.w, right: 30.h), child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, + crossAxisAlignment: CrossAxisAlignment.start, children: [ Column( crossAxisAlignment: CrossAxisAlignment.start, @@ -148,11 +150,48 @@ class _HostTicketPreviewState extends State { ], ), ), - - + Padding( + padding: EdgeInsets.only(left: 10.w, right: 30.h), + child: Row( + mainAxisAlignment: MainAxisAlignment.spaceBetween, + crossAxisAlignment: CrossAxisAlignment.start, + children: [ + Column( + crossAxisAlignment: CrossAxisAlignment.start, + mainAxisAlignment: MainAxisAlignment.start, + children: [ + Text( + 'PERKS', + style: TextStyle(fontSize: 11.sp, fontWeight: FontWeight.w400, color: EventlyAppTheme.kWhite), + ), + SizedBox(height: 1.h), + Row( + children: [ + SvgPicture.asset(SVGUtils.kDiamond), + SizedBox(width: 5.w), + Text( + 'x 3', + style: TextStyle(fontSize: 15.sp, color: EventlyAppTheme.kWhite, fontWeight: FontWeight.bold), + ), + SizedBox(width: 5.w), + Text( + 'Redeem', + style: TextStyle(fontSize: 15.sp, color: EventlyAppTheme.kDarkGreen, fontWeight: FontWeight.bold), + ) + ], + ) + ], + ), + ], + ), + ), + VerticalSpace(13.h), + Image.asset(PngUtils.kDottedLine) ], ), - ) + ), + + ], ), ), diff --git a/evently/lib/utils/constants.dart b/evently/lib/utils/constants.dart index a7b57b7012..8c74ed7d7f 100644 --- a/evently/lib/utils/constants.dart +++ b/evently/lib/utils/constants.dart @@ -34,6 +34,7 @@ class SVGUtils { static const kGift = "assets/images/svg/gift.svg"; static const kDrinks = "assets/images/svg/drinks.svg"; static const kMinus = "assets/images/svg/minus.svg"; + static const kDiamond = "assets/images/svg/diamond.svg"; } /// ```PNG assets @@ -49,4 +50,5 @@ class PngUtils { /// will remove this variable for ui dev /// i need this variable to be used static const kPhantom = "assets/images/phantom.png"; + static const kDottedLine = "assets/images/dotted_line.png"; } diff --git a/evently/lib/utils/evently_app_theme.dart b/evently/lib/utils/evently_app_theme.dart index 01924e6214..bf9c10a22a 100644 --- a/evently/lib/utils/evently_app_theme.dart +++ b/evently/lib/utils/evently_app_theme.dart @@ -28,7 +28,7 @@ class EventlyAppTheme { static const Color kPurple02 = Color(0xFF4534CE); static const Color kPurple03 = Color(0xFFCBC8F3); static const Color kLightPurple = Color(0xFFB6B6E8); - static const Color kDarkGreen = Color(0xFF3A8977); + static const Color kDarkGreen = Color(0xFF14FB00); static const Color kYellow = Color(0xFFF3BA2F); static const Color kLightYellow = Color(0xFFFED564); static const Color kLightRed = Color(0xFFEF4421);