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. #54
@ -583,27 +583,6 @@ 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>
|
||||
@ -613,8 +592,6 @@ export default function AppointmentDetailPage() {
|
||||
>
|
||||
<ExternalLink className="w-4 h-4" />
|
||||
</button>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
{appointment.can_join_as_moderator !== undefined && (
|
||||
|
||||
@ -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) */}
|
||||
|
||||
Loading…
Reference in New Issue
Block a user