From 479b8943ae5ea563b24d1841d1dc5cc7504afbba Mon Sep 17 00:00:00 2001
From: iamkiddy <francisyoungson@gmail.com>
Date: Thu, 4 Dec 2025 19:30:08 +0000
Subject: [PATCH] Refactor appointment detail page for admin and user
 interfaces. Update meeting link display logic and styling for improved
 clarity, ensuring users can easily identify and access meeting information
 while maintaining a streamlined interface.

---
 app/(admin)/admin/booking/[id]/page.tsx    | 35 ++++------------------
 app/(user)/user/appointments/[id]/page.tsx |  5 ++--
 2 files changed, 9 insertions(+), 31 deletions(-)

diff --git a/app/(admin)/admin/booking/[id]/page.tsx b/app/(admin)/admin/booking/[id]/page.tsx
index 428cdc4..ee74de5 100644
--- a/app/(admin)/admin/booking/[id]/page.tsx
+++ b/app/(admin)/admin/booking/[id]/page.tsx
@@ -583,38 +583,15 @@ export default function AppointmentDetailPage() {
                       Moderator Meeting Link
                     </p>
                     <div className="flex items-center gap-2">
-                      {appointment.can_join_as_moderator ? (
-                        <>
-                      <a
-                        href={appointment.moderator_join_url}
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        className={`flex-1 text-sm px-3 py-2 rounded-lg truncate ${isDark ? "bg-gray-800 text-blue-400 hover:bg-gray-700" : "bg-white text-blue-600 hover:bg-gray-50 border border-gray-200"}`}
-                      >
+                      <div className={`flex-1 text-sm px-3 py-2 rounded-lg truncate ${isDark ? "bg-gray-800/50 text-gray-500 border border-gray-700" : "bg-gray-100 text-gray-400 border border-gray-300"}`}>
                         {appointment.moderator_join_url}
-                      </a>
-                      <a
-                        href={appointment.moderator_join_url}
-                        target="_blank"
-                        rel="noopener noreferrer"
-                        className={`px-4 py-2 rounded-lg font-medium transition-colors ${isDark ? "bg-blue-600 hover:bg-blue-700 text-white" : "bg-blue-600 hover:bg-blue-700 text-white"}`}
+                      </div>
+                      <button
+                        disabled
+                        className={`px-4 py-2 rounded-lg font-medium cursor-not-allowed ${isDark ? "bg-gray-700 text-gray-500" : "bg-gray-300 text-gray-500"}`}
                       >
                         <ExternalLink className="w-4 h-4" />
-                      </a>
-                        </>
-                      ) : (
-                        <>
-                          <div className={`flex-1 text-sm px-3 py-2 rounded-lg truncate ${isDark ? "bg-gray-800/50 text-gray-500 border border-gray-700" : "bg-gray-100 text-gray-400 border border-gray-300"}`}>
-                            {appointment.moderator_join_url}
-                          </div>
-                          <button
-                            disabled
-                            className={`px-4 py-2 rounded-lg font-medium cursor-not-allowed ${isDark ? "bg-gray-700 text-gray-500" : "bg-gray-300 text-gray-500"}`}
-                          >
-                            <ExternalLink className="w-4 h-4" />
-                          </button>
-                        </>
-                      )}
+                      </button>
                     </div>
                   </div>
                   {appointment.can_join_as_moderator !== undefined && (
diff --git a/app/(user)/user/appointments/[id]/page.tsx b/app/(user)/user/appointments/[id]/page.tsx
index cb04f7a..56a64b2 100644
--- a/app/(user)/user/appointments/[id]/page.tsx
+++ b/app/(user)/user/appointments/[id]/page.tsx
@@ -455,7 +455,8 @@ export default function UserAppointmentDetailPage() {
             )}
 
             {/* Meeting Information */}
-            {appointment.participant_join_url && (
+            {/* Video Meeting card hidden - users can join via the Join Now button in sidebar */}
+            {/* {appointment.participant_join_url && (
               <div className={`rounded-2xl border shadow-sm overflow-hidden ${isDark ? "bg-gradient-to-br from-blue-900/20 to-purple-900/20 border-blue-800/30" : "bg-gradient-to-br from-blue-50 to-purple-50 border-blue-200"}`}>
                 <div className={`px-6 py-4 border-b ${isDark ? "border-blue-800/30" : "border-blue-200"}`}>
                   <h2 className={`text-lg font-semibold flex items-center gap-2 ${isDark ? "text-white" : "text-gray-900"}`}>
@@ -474,7 +475,7 @@ export default function UserAppointmentDetailPage() {
                   )}
                 </div>
               </div>
-            )}
+            )} */}
           </div>
 
           {/* Sidebar - Right Column (1/3) */}