Mzansi Calendar No data message enhanced

Frontend/lib/mih_packages/calendar/package_tools/appointments.dart

@@ -1,4 +1,5 @@
 import 'package:flutter_speed_dial/flutter_speed_dial.dart';
+import 'package:mzansi_innovation_hub/mih_components/mih_package_components/mih_icons.dart';
 import 'package:mzansi_innovation_hub/mih_services/mih_alert_services.dart';
 import 'package:mzansi_innovation_hub/mih_services/mih_mzansi_calendar_services.dart';
 import 'package:mzansi_innovation_hub/mih_services/mih_validation_services.dart';
@@ -83,21 +84,79 @@ class _PatientAccessRequestState extends State<Appointments> {
     }
     return Expanded(
       child: Padding(
-        padding: const EdgeInsets.only(top: 35.0),
+        padding: const EdgeInsets.symmetric(horizontal: 10.0),
-        child: Align(
+        child: Column(
-          alignment: Alignment.center,
+          mainAxisAlignment: MainAxisAlignment.center,
-          child: Text(
+          crossAxisAlignment: CrossAxisAlignment.center,
-            "No Appointments for $selectedDay",
+          children: [
-            style: TextStyle(
+            const SizedBox(height: 50),
-              fontSize: 25,
+            Icon(
-              color: MzansiInnovationHub.of(context)!.theme.messageTextColor(),
+              MihIcons.calendar,
+              size: 165,
+              color: MzansiInnovationHub.of(context)!.theme.secondaryColor(),
             ),
-            textAlign: TextAlign.center,
+            const SizedBox(height: 10),
-            softWrap: true,
+            Text(
-          ),
+              "No Appointments for $selectedDay",
+              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:
+                            " to add an appointment or select a different date"),
+                  ],
+                ),
+              ),
+            ),
+          ],
         ),
       ),
     );
+    // return Expanded(
+    //   child: Padding(
+    //     padding: const EdgeInsets.only(top: 35.0),
+    //     child: Align(
+    //       alignment: Alignment.center,
+    //       child: Text(
+    //         "No Appointments for $selectedDay",
+    //         style: TextStyle(
+    //           fontSize: 25,
+    //           color: MzansiInnovationHub.of(context)!.theme.messageTextColor(),
+    //         ),
+    //         textAlign: TextAlign.center,
+    //         softWrap: true,
+    //       ),
+    //     ),
+    //   ),
+    // );
   }
 
   void addAppointmentWindow(double width) {