Mzansi Wallet new list display pt1

mih_ui/lib/mih_packages/mzansi_wallet/builder/build_loyalty_card_list.dart

@@ -727,8 +727,8 @@ class _BuildLoyaltyCardListState extends State<BuildLoyaltyCardList> {
             ),
             itemCount: widget.cardList.length,
             gridDelegate: const SliverGridDelegateWithMaxCrossAxisExtent(
-              mainAxisSpacing: 5,
+              mainAxisSpacing: 10,
-              crossAxisSpacing: 5,
+              crossAxisSpacing: 10,
               maxCrossAxisExtent: 200,
               // childAspectRatio: 0.80,
             ),

mih_ui/lib/mih_packages/mzansi_wallet/components/mih_card_display_slanted.dart

@@ -0,0 +1,185 @@
+import 'package:flutter/material.dart';
+
+class MihCardDisplaySlanted extends StatefulWidget {
+  final String shopName;
+  final String nickname;
+  final double height;
+  const MihCardDisplaySlanted({
+    super.key,
+    required this.shopName,
+    required this.height,
+    required this.nickname,
+  });
+
+  @override
+  State<MihCardDisplaySlanted> createState() => _MihCardDisplaySlantedState();
+}
+
+class _MihCardDisplaySlantedState extends State<MihCardDisplaySlanted> {
+  Widget? displayLoyaltyCard() {
+    switch (widget.shopName.toLowerCase()) {
+      case "apple tree":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/apple_tree-min.png');
+      case "best before":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/best_before-min.png');
+      case "checkers":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/checkers-min.png');
+      case "clicks":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/clicks-min.png');
+      case "cotton:on":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/cotton_on-min.png');
+      case "dis-chem":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/dischem-min.png');
+      case "pick n pay":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/pick_n_pay-min.png');
+      case "shoprite":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/shoprite-min.png');
+      case "spar":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/spar-min.png');
+      case "woolworths":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/woolworths-min.png');
+      case "makro":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/makro-min.png');
+      case "fresh stop":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/fresh_stop-min.png');
+      case "panarottis":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/panarottis-min.png');
+      case "shell":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/shell-min.png');
+      case "edgars":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/edgars-min.png');
+      case "jet":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/jet-min.png');
+      case "spur":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/spur-min.png');
+      case "infinity":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/infinity-min.png');
+      case "eskom":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/eskom-min.png');
+      case "+more":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/plus_more-min.png');
+      case "bp":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/bp-min.png');
+      case "builders warehouse":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/builders-min.png');
+      case "exclusive books":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/exclusive_books-min.png');
+      case "pna":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/pna-min.png');
+      case "pq clothing":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/pq-min.png');
+      case "rage":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/rage-min.png');
+      case "sasol":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/sasol-min.png');
+      case "tfg group":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/tfg-min.png');
+      case "toys r us":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/toysrus-min.png');
+      case "leroy merlin":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/leroy_merlin-min.png');
+      case "signature cosmetics & fragrances":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/signature_cosmetics-min.png');
+      case "ok foods":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/ok_food-min.png');
+      case "choppies":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/choppies-min.png');
+      case "boxer":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/boxer-min.png');
+      case "carrefour":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/carrefour-min.png');
+      case "sefalana":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/sefalana-min.png');
+      case "big save":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/big_save-min.png');
+      case "justrite":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/justrite-min.png');
+      case "naivas":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/naivas-min.png');
+      case "kero":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/kero-min.png');
+      case "auchan":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/auchan-min.png');
+      case "woermann brock":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/woermann_brock-min.png');
+      case "continente":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/continente-min.png');
+      case "fresmart":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/fresmart-min.png');
+      case "total energies":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/total_energies-min.png');
+      case "engen":
+        return Image.asset(
+            'lib/mih_package_components/assets/images/loyalty_cards/mini/engen-min.png');
+      default:
+        return null;
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Visibility(
+      visible: displayLoyaltyCard() != null,
+      child: Column(
+        children: [
+          displayLoyaltyCard() != null ? displayLoyaltyCard()! : SizedBox(),
+          FittedBox(
+            child: Text(
+              widget.nickname,
+              textAlign: TextAlign.center,
+              style: const TextStyle(
+                fontSize: 25,
+                fontWeight: FontWeight.bold,
+              ),
+            ),
+          )
+        ],
+      ),
+    );
+  }
+}

mih_ui/pubspec.yaml

@@ -1,11 +1,11 @@
 name: mzansi_innovation_hub
 description: ""
-publish_to: 'none' # Remove this line if you wish to publish to pub.dev
+publish_to: "none" # Remove this line if you wish to publish to pub.dev
 version: 1.2.6+130
 # version: 1.1.1+97 #--- Updated version for upgrader package testing
 
 environment:
-  sdk: '>=3.5.3 <4.0.0'
+  sdk: ">=3.5.3 <4.0.0"
   # flutter: ">=1.17.0"
 dependencies:
   flutter:
@@ -104,3 +104,4 @@ flutter_native_splash:
     color: "#3A4454"
     image: lib/mih_package_components/assets/images/splash_screen/mih_image_splash_android.png
     branding: lib/mih_package_components/assets/images/splash_screen/mih_branding_splash.png
+