ATTUNE-HEART-THERAPY/website
6
0
Fork 0
Code Issues 7 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Merge pull request '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) from feat/booking-panel into master

Browse Source 
Reviewed-on: http://35.207.46.142/ATTUNE-HEART-THERAPY/website/pulls/54
This commit is contained in:
Hammond 2025-12-04 19:30:38 +00:00
commit a6d1e18a5e
2 changed files with 9 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -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 && (

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

@ -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) */}