From cb9be9405ed58e1376f85036906c80a0e6ead805 Mon Sep 17 00:00:00 2001
From: iamkiddy <francisyoungson@gmail.com>
Date: Fri, 5 Dec 2025 18:03:20 +0000
Subject: [PATCH] Enhance appointment detail messaging with moderator link

- Updated the appointment detail page to include a clickable moderator link for direct access to meetings, improving clarity on how to join sessions.
- Ensured that the messaging adapts based on the availability of the moderator link, enhancing user experience.
---
 app/(admin)/admin/booking/[id]/page.tsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/app/(admin)/admin/booking/[id]/page.tsx b/app/(admin)/admin/booking/[id]/page.tsx
index d8be267..46a96ce 100644
--- a/app/(admin)/admin/booking/[id]/page.tsx
+++ b/app/(admin)/admin/booking/[id]/page.tsx
@@ -664,7 +664,20 @@ export default function AppointmentDetailPage() {
                           How to Access:
                         </p>
                         <p className={`text-sm ${isDark ? "text-gray-300" : "text-gray-700"}`}>
-                          Up to 10 minutes before the meeting is scheduled to begin, click the "Start Meeting" button below to begin the session. Once started, participants can join using the meeting link. You can also use the moderator link near the bottom of the page to join directly.
+                          Up to 10 minutes before the meeting is scheduled to begin, click the "Start Meeting" button below to begin the session. Once started, participants can join using the meeting link. You can also use the{" "}
+                          {appointment.moderator_join_url ? (
+                            <a
+                              href={appointment.moderator_join_url}
+                              target="_blank"
+                              rel="noopener noreferrer"
+                              className={`font-medium underline hover:opacity-80 ${isDark ? "text-blue-400" : "text-blue-600"}`}
+                            >
+                              moderator link
+                            </a>
+                          ) : (
+                            "moderator link"
+                          )}{" "}
+                          to join directly.
                         </p>
                       </div>
                     </div>
-- 
2.39.5