From 21abc721fd5e472204d44279c3c8cba5f16aa682 Mon Sep 17 00:00:00 2001
From: Patrick Alvin Alcala <patrick_alv@yahoo.com>
Date: Tue, 25 Mar 2025 13:29:08 +0800
Subject: [PATCH] update on customer main page

---
 .../customer_pages/customer_main_page.dart    | 29 ++++++++++---------
 lib/widgets/description_menu_widget.dart      | 21 +++++++++++++-
 2 files changed, 36 insertions(+), 14 deletions(-)

diff --git a/lib/pages/customer_pages/customer_main_page.dart b/lib/pages/customer_pages/customer_main_page.dart
index e9e3a18..b339c12 100644
--- a/lib/pages/customer_pages/customer_main_page.dart
+++ b/lib/pages/customer_pages/customer_main_page.dart
@@ -33,15 +33,15 @@ class _CustomerMainPageState extends State<CustomerMainPage> {
           color: 'pink',
           margin: 32,
         ),
-        const Gap(8),
-        ConsultationWidget(
-          name: 'Pamela Claire Alcala, RPh',
-          description: 'Pharmacist',
-          contact: '09205436095',
-          imagePath: 'assets/images/profile.webp',
-          color: 'pink',
-          margin: 32,
-        ),
+        // const Gap(8),
+        // ConsultationWidget(
+        //   name: 'Pamela Claire Alcala, RPh',
+        //   description: 'Pharmacist',
+        //   contact: '09205436095',
+        //   imagePath: 'assets/images/profile.webp',
+        //   color: 'pink',
+        //   margin: 32,
+        // ),
         const Gap(16),
         const IndicatorWidget(text: 'Doctor Consultation'),
         // const Row(
@@ -64,16 +64,19 @@ class _CustomerMainPageState extends State<CustomerMainPage> {
           margin: 32,
         ),
         const Gap(16),
-        const IndicatorWidget(text: 'Quick Description'),
+        const IndicatorWidget(text: 'Common Medical Symptoms'),
         const Gap(8),
         const DescriptionMenuWidget(
-            title: 'Fever', description: "A fever is an abnormally high body temperature.", margin: 16),
+            title: 'Fever', description: "A fever is when your body temperature rises...", margin: 16),
         const Gap(8),
         const DescriptionMenuWidget(
-            title: 'Fever', description: "A fever is an abnormally high body temperature.", margin: 16),
+            title: 'Headache', description: "A headache is when the muscles in your head...", margin: 16),
         const Gap(8),
         const DescriptionMenuWidget(
-            title: 'Fever', description: "A fever is an abnormally high body temperature.", margin: 16),
+            title: 'Toothache', description: "a.k.a tooth pain, is pain in the teeth or their...", margin: 16),
+        const Gap(8),
+        const DescriptionMenuWidget(
+            title: 'Stomach Ache', description: " is a symptom associated with both non-serious and...", margin: 16),
       ],
     )));
   }
diff --git a/lib/widgets/description_menu_widget.dart b/lib/widgets/description_menu_widget.dart
index 844ec79..a6aaed1 100644
--- a/lib/widgets/description_menu_widget.dart
+++ b/lib/widgets/description_menu_widget.dart
@@ -6,13 +6,14 @@ class DescriptionMenuWidget extends StatelessWidget {
   final String title;
   final String description;
   final double margin;
+
   const DescriptionMenuWidget({super.key, required this.title, required this.margin, required this.description});
 
   @override
   Widget build(BuildContext context) {
     return Container(
       width: MediaQuery.of(context).size.width,
-      padding: const EdgeInsets.symmetric(vertical: 24),
+      padding: const EdgeInsets.only(top: 20, bottom: 12),
       decoration:
           BoxDecoration(borderRadius: BorderRadius.circular(12), color: const Color.fromRGBO(255, 255, 255, 0.275)),
       child: Row(
@@ -32,6 +33,24 @@ class DescriptionMenuWidget extends StatelessWidget {
                 text: description,
                 size: 12,
               ),
+              const Gap(8),
+              SizedBox(
+                width: MediaQuery.of(context).size.width - 72,
+                child: Row(
+                  mainAxisAlignment: MainAxisAlignment.end,
+                  children: [
+                    Container(
+                      decoration: BoxDecoration(
+                          borderRadius: BorderRadius.circular(20), color: const Color.fromRGBO(62, 21, 68, 0.702)),
+                      padding: EdgeInsets.symmetric(horizontal: 8, vertical: 4),
+                      child: const TextWidget(
+                        text: "Tap to read more",
+                        size: 8,
+                      ),
+                    ),
+                  ],
+                ),
+              )
             ],
           ),
         ],