Mzansi Wallet No data message enhanced

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

@@ -22,6 +22,7 @@ class BuildLoyaltyCardList extends StatefulWidget {
   final List<MIHLoyaltyCard> cardList;
   final int navIndex;
   final MihBannerAd? bannerAd;
+  final bool favouritesMode;
   final void Function()? onCardViewClose;
 
   const BuildLoyaltyCardList({
@@ -29,6 +30,7 @@ class BuildLoyaltyCardList extends StatefulWidget {
     required this.signedInUser,
     required this.cardList,
     required this.navIndex,
+    required this.favouritesMode,
     this.bannerAd,
     this.onCardViewClose,
   });
@@ -524,6 +526,7 @@ class _BuildLoyaltyCardListState extends State<BuildLoyaltyCardList> {
         },
       );
     } else {
+      if (!widget.favouritesMode) {
         return Padding(
           padding: const EdgeInsets.symmetric(horizontal: 10.0),
           child: Column(
@@ -538,24 +541,27 @@ class _BuildLoyaltyCardListState extends State<BuildLoyaltyCardList> {
               ),
               const SizedBox(height: 10),
               Text(
-              "No Cards added yo your Mzansi Wallet.",
+                "No Cards added to your Mzansi Wallet.",
                 textAlign: TextAlign.center,
                 overflow: TextOverflow.visible,
                 style: TextStyle(
                   fontSize: 25,
                   fontWeight: FontWeight.bold,
-                color: MzansiInnovationHub.of(context)!.theme.secondaryColor(),
+                  color:
+                      MzansiInnovationHub.of(context)!.theme.secondaryColor(),
                 ),
               ),
+              const SizedBox(height: 10),
               Center(
                 child: RichText(
                   textAlign: TextAlign.center,
                   text: TextSpan(
                     style: TextStyle(
-                    fontSize: 25,
+                      fontSize: 20,
-                    fontWeight: FontWeight.bold,
+                      fontWeight: FontWeight.normal,
-                    color:
+                      color: MzansiInnovationHub.of(context)!
-                        MzansiInnovationHub.of(context)!.theme.secondaryColor(),
+                          .theme
+                          .secondaryColor(),
                     ),
                     children: [
                       TextSpan(text: "Press "),
@@ -563,7 +569,7 @@ class _BuildLoyaltyCardListState extends State<BuildLoyaltyCardList> {
                         alignment: PlaceholderAlignment.middle,
                         child: Icon(
                           Icons.menu,
-                        size: 25,
+                          size: 20,
                           color: MzansiInnovationHub.of(context)!
                               .theme
                               .secondaryColor(),
@@ -577,6 +583,66 @@ class _BuildLoyaltyCardListState extends State<BuildLoyaltyCardList> {
             ],
           ),
         );
+      } else {
+        return Padding(
+          padding: const EdgeInsets.symmetric(horizontal: 10.0),
+          child: Column(
+            mainAxisAlignment: MainAxisAlignment.center,
+            crossAxisAlignment: CrossAxisAlignment.center,
+            children: [
+              const SizedBox(height: 50),
+              Icon(
+                MihIcons.iDontKnow,
+                size: 165,
+                color: MzansiInnovationHub.of(context)!.theme.secondaryColor(),
+              ),
+              const SizedBox(height: 10),
+              Text(
+                "No Favourite Cards in your Mzansi Wallet.",
+                textAlign: TextAlign.center,
+                overflow: TextOverflow.visible,
+                style: TextStyle(
+                  fontSize: 25,
+                  fontWeight: FontWeight.bold,
+                  color:
+                      MzansiInnovationHub.of(context)!.theme.secondaryColor(),
+                ),
+              ),
+              const SizedBox(height: 10),
+              Center(
+                child: RichText(
+                  textAlign: TextAlign.center,
+                  text: TextSpan(
+                    style: TextStyle(
+                      fontSize: 20,
+                      fontWeight: FontWeight.normal,
+                      color: MzansiInnovationHub.of(context)!
+                          .theme
+                          .secondaryColor(),
+                    ),
+                    children: [
+                      TextSpan(text: "Press "),
+                      WidgetSpan(
+                        alignment: PlaceholderAlignment.middle,
+                        child: Icon(
+                          Icons.menu,
+                          size: 20,
+                          color: MzansiInnovationHub.of(context)!
+                              .theme
+                              .secondaryColor(),
+                        ),
+                      ),
+                      TextSpan(
+                          text:
+                              " when viewing loyalty card to add it to your favorites."),
+                    ],
+                  ),
+                ),
+              ),
+            ],
+          ),
+        );
+      }
     }
   }
 }

Frontend/lib/mih_packages/mzansi_wallet/package_tools/mih_card_favourites.dart

@@ -63,6 +63,7 @@ class _MihCardFavouritesState extends State<MihCardFavourites> {
                       signedInUser: widget.signedInUser,
                       navIndex: 0,
                       bannerAd: _bannerAd,
+                      favouritesMode: true,
                       onCardViewClose: () {
                         setState(() {
                           _bannerAd = MihBannerAd();

Frontend/lib/mih_packages/mzansi_wallet/package_tools/mih_cards.dart

@@ -372,6 +372,7 @@ class _MihCardsState extends State<MihCards> {
                           signedInUser: widget.signedInUser,
                           navIndex: 0,
                           bannerAd: _bannerAd,
+                          favouritesMode: false,
                           onCardViewClose: () {
                             setState(() {
                               _bannerAd = MihBannerAd();