From 3e7f2e59a86f578032c80e64e475aecbadc19010 Mon Sep 17 00:00:00 2001 From: yaso Date: Mon, 20 Jan 2025 10:24:27 +0200 Subject: [PATCH] Improve look of Card --- .../components/mih_card_display.dart | 278 ++++-------------- 1 file changed, 65 insertions(+), 213 deletions(-) diff --git a/Frontend/lib/mih_packages/mzansi_wallet/components/mih_card_display.dart b/Frontend/lib/mih_packages/mzansi_wallet/components/mih_card_display.dart index f2caa379..8c4327d7 100644 --- a/Frontend/lib/mih_packages/mzansi_wallet/components/mih_card_display.dart +++ b/Frontend/lib/mih_packages/mzansi_wallet/components/mih_card_display.dart @@ -1,4 +1,3 @@ -import 'package:Mzansi_Innovation_Hub/main.dart'; import 'package:flutter/material.dart'; class MihCardDisplay extends StatefulWidget { @@ -18,236 +17,89 @@ class _MihCardDisplayState extends State { Widget displayLoyaltyCard() { switch (widget.shopName.toLowerCase()) { case "best before": - return Row( - mainAxisAlignment: MainAxisAlignment.center, - children: [ - Column( - children: [ - SizedBox( - height: widget.height, - child: Image.asset('images/loyalty_cards/bb_club.png'), - ), - const SizedBox(height: 10), - Text( - "Best Before", - textAlign: TextAlign.center, - style: TextStyle( - fontSize: 20, - fontWeight: FontWeight.bold, - color: - MzanziInnovationHub.of(context)!.theme.secondaryColor(), - ), - ), - ], - ), - ], + return SizedBox( + height: widget.height, + child: Image.asset('images/loyalty_cards/best_before.png'), ); case "checkers": - return Row( - mainAxisAlignment: MainAxisAlignment.center, - children: [ - Column( - children: [ - SizedBox( - height: widget.height, - child: Image.asset('images/loyalty_cards/checkers_xtra.png'), - ), - const SizedBox(height: 10), - Text( - "Checkers", - textAlign: TextAlign.center, - style: TextStyle( - fontSize: 20, - fontWeight: FontWeight.bold, - color: - MzanziInnovationHub.of(context)!.theme.secondaryColor(), - ), - ), - ], - ), - ], + return SizedBox( + height: widget.height, + child: Image.asset('images/loyalty_cards/checkers.png'), ); case "clicks": - return Row( - mainAxisAlignment: MainAxisAlignment.center, - children: [ - Column( - children: [ - SizedBox( - height: widget.height, - child: Image.asset('images/loyalty_cards/Clicks_Club.png'), - ), - const SizedBox(height: 10), - Text( - "Clicks", - textAlign: TextAlign.center, - style: TextStyle( - fontSize: 20, - fontWeight: FontWeight.bold, - color: - MzanziInnovationHub.of(context)!.theme.secondaryColor(), - ), - ), - ], - ), - ], + return SizedBox( + height: widget.height, + child: Image.asset('images/loyalty_cards/Clicks_Club.png'), ); case "cotton:on": - return Row( - mainAxisAlignment: MainAxisAlignment.center, - children: [ - Column( - children: [ - SizedBox( - height: widget.height, - child: - Image.asset('images/loyalty_cards/cotton_on_perks.png'), - ), - const SizedBox(height: 10), - Text( - "Cotton:On", - textAlign: TextAlign.center, - style: TextStyle( - fontSize: 20, - fontWeight: FontWeight.bold, - color: - MzanziInnovationHub.of(context)!.theme.secondaryColor(), - ), - ), - ], - ), - ], + return SizedBox( + height: widget.height, + child: Image.asset('images/loyalty_cards/cotton_on_perks.png'), ); case "dis-chem": - return Row( - mainAxisAlignment: MainAxisAlignment.center, - children: [ - Column( - children: [ - SizedBox( - height: widget.height, - child: - Image.asset('images/loyalty_cards/dischem_benefit.png'), - ), - const SizedBox(height: 10), - Text( - "Dis-Chem", - textAlign: TextAlign.center, - style: TextStyle( - fontSize: 20, - fontWeight: FontWeight.bold, - color: - MzanziInnovationHub.of(context)!.theme.secondaryColor(), - ), - ), - ], - ), - ], + return SizedBox( + height: widget.height, + child: Image.asset('images/loyalty_cards/dischem_benefit.png'), ); case "pick n pay": - return Row( - mainAxisAlignment: MainAxisAlignment.center, - children: [ - Column( - children: [ - SizedBox( - height: widget.height, - child: Image.asset('images/loyalty_cards/pnp_smart.png'), - ), - const SizedBox(height: 10), - Text( - "Pick 'n Pay", - textAlign: TextAlign.center, - style: TextStyle( - fontSize: 20, - fontWeight: FontWeight.bold, - color: - MzanziInnovationHub.of(context)!.theme.secondaryColor(), - ), - ), - ], - ), - ], + return SizedBox( + height: widget.height, + child: Image.asset('images/loyalty_cards/pnp_smart.png'), ); case "shoprite": - return Row( - mainAxisAlignment: MainAxisAlignment.center, - children: [ - Column( - children: [ - SizedBox( - height: widget.height, - child: Image.asset('images/loyalty_cards/shoprite_xtra.png'), - ), - const SizedBox(height: 10), - Text( - "Shoprite", - textAlign: TextAlign.center, - style: TextStyle( - fontSize: 20, - fontWeight: FontWeight.bold, - color: - MzanziInnovationHub.of(context)!.theme.secondaryColor(), - ), - ), - ], - ), - ], + return SizedBox( + height: widget.height, + child: Image.asset('images/loyalty_cards/shoprite.png'), ); case "spar": - return Row( - mainAxisAlignment: MainAxisAlignment.center, - children: [ - Column( - children: [ - SizedBox( - height: widget.height, - child: Image.asset('images/loyalty_cards/spar_rewards.png'), - ), - const SizedBox(height: 10), - Text( - "Spar", - textAlign: TextAlign.center, - style: TextStyle( - fontSize: 20, - fontWeight: FontWeight.bold, - color: - MzanziInnovationHub.of(context)!.theme.secondaryColor(), - ), - ), - ], - ), - ], + return SizedBox( + height: widget.height, + child: Image.asset('images/loyalty_cards/spar_rewards.png'), ); case "woolworths": - return Row( - mainAxisAlignment: MainAxisAlignment.center, - children: [ - Column( - children: [ - SizedBox( - height: widget.height, - child: Image.asset('images/loyalty_cards/wrewards.png'), - ), - const SizedBox(height: 10), - Text( - "WoolWorths", - textAlign: TextAlign.center, - style: TextStyle( - fontSize: 20, - fontWeight: FontWeight.bold, - color: - MzanziInnovationHub.of(context)!.theme.secondaryColor(), - ), - ), - ], - ), - ], + return SizedBox( + height: widget.height, + child: Image.asset('images/loyalty_cards/wrewards.png'), + ); + case "makro": + return SizedBox( + height: widget.height, + child: Image.asset('images/loyalty_cards/makro.png'), + ); + case "fresh stop": + return SizedBox( + height: widget.height, + child: Image.asset('images/loyalty_cards/fresh_stop.png'), + ); + case "panarottis": + return SizedBox( + height: widget.height, + child: Image.asset('images/loyalty_cards/panarottis.png'), + ); + case "shell": + return SizedBox( + height: widget.height, + child: Image.asset('images/loyalty_cards/Shell.png'), + ); + case "edgars": + return SizedBox( + height: widget.height, + child: Image.asset('images/loyalty_cards/edgars.png'), + ); + case "jet": + return SizedBox( + height: widget.height, + child: Image.asset('images/loyalty_cards/jet.png'), + ); + case "spur": + return SizedBox( + height: widget.height, + child: Image.asset('images/loyalty_cards/spur.png'), ); default: - return const SizedBox( - height: 150, - child: Placeholder(), + return SizedBox( + height: widget.height, + child: const Placeholder(), ); } }