app/(admin)/admin/booking/[id]/page.tsx

@@ -583,6 +583,27 @@ 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"}`}
+                      >
+                        {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"}`}
+                      >
+                        <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>
@@ -592,6 +613,8 @@ export default function AppointmentDetailPage() {
                           >
                             <ExternalLink className="w-4 h-4" />
                           </button>
+                        </>
+                      )}
                     </div>
                   </div>
                   {appointment.can_join_as_moderator !== undefined && (

app/(user)/user/appointments/[id]/page.tsx

@@ -455,8 +455,7 @@ export default function UserAppointmentDetailPage() {
             )}
 
             {/* Meeting Information */}
-            {/* Video Meeting card hidden - users can join via the Join Now button in sidebar */}
-            {/* {appointment.participant_join_url && (
+            {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"}`}>
@@ -475,7 +474,7 @@ export default function UserAppointmentDetailPage() {
                   )}
                 </div>
               </div>
-            )} */}
+            )}
           </div>
 
           {/* Sidebar - Right Column (1/3) */}