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

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

Merged
Hammond merged 1 commits from feat/booking-panel into master 2025-12-04 19:30:39 +00:00
Conversation 0 Commits 1 Files Changed 2 +9 -31
2 changed files with 9 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -583,27 +583,6 @@ export default function AppointmentDetailPage() {
Moderator Meeting Link Moderator Meeting Link
</p> </p>
<div className="flex items-center gap-2"> <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"}`}> <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} {appointment.moderator_join_url}
</div> </div>
@ -613,8 +592,6 @@ export default function AppointmentDetailPage() {
> >
<ExternalLink className="w-4 h-4" /> <ExternalLink className="w-4 h-4" />
</button> </button>
</>
)}
</div> </div>
</div> </div>
{appointment.can_join_as_moderator !== undefined && ( {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 */} {/* 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={`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"}`}> <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"}`}> <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> </div>
)} )} */}
</div> </div>
{/* Sidebar - Right Column (1/3) */} {/* Sidebar - Right Column (1/3) */}