vibeasite-templates/template-healthcare
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Seed: healthcare template (18 files)

Browse Source
This commit is contained in:
jyswee
2026-07-23 22:58:21 +00:00
parent 4304d25a5d
commit 3acfaa6db4
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/pages/DoctorDetail.tsx
+3 -3
View File
@@ -53,7 +53,7 @@ export default function DoctorDetailPage() {
const handleBook = async () => { const handleBook = async () => {
try { try {
await bookDoctor({ doctor: doc.name, specialty: doc.specialty }); await bookDoctor({ doctor: doc.name, specialty: doc.specialty });
toast.success(`Appointment request sent for \${doc.name}`, { toast.success(`Appointment request sent for ${doc.name}`, {
description: "Our scheduling team will contact you within 24 hours to confirm.", description: "Our scheduling team will contact you within 24 hours to confirm.",
}); });
} catch { } catch {
@@ -73,7 +73,7 @@ export default function DoctorDetailPage() {
{/* ── PROFILE HEADER ── */} {/* ── PROFILE HEADER ── */}
<div className="flex flex-col sm:flex-row items-center sm:items-start gap-6 mb-12 animate-fade-up"> <div className="flex flex-col sm:flex-row items-center sm:items-start gap-6 mb-12 animate-fade-up">
<div className={`w-28 h-28 rounded-full bg-gradient-to-br \${doc.gradient} flex items-center justify-center text-white text-3xl font-bold ring-4 ring-sky-200/30 dark:ring-sky-800/30`}> <div className={`w-28 h-28 rounded-full bg-gradient-to-br ${doc.gradient} flex items-center justify-center text-white text-3xl font-bold ring-4 ring-sky-200/30 dark:ring-sky-800/30`}>
{doc.name.split(" ").slice(-2).map((n: string) => n[0]).join("")} {doc.name.split(" ").slice(-2).map((n: string) => n[0]).join("")}
</div> </div>
<div className="text-center sm:text-left"> <div className="text-center sm:text-left">
@@ -136,7 +136,7 @@ export default function DoctorDetailPage() {
{/* ── BOOK CTA ── */} {/* ── BOOK CTA ── */}
<div className="text-center mb-16 animate-fade-up"> <div className="text-center mb-16 animate-fade-up">
<Button size="lg" disabled={booking} className="rounded-full px-12 bg-sky-500 hover:bg-sky-600 text-white shadow-lg shadow-sky-500/20 active:scale-[0.97] transition-all" onClick={handleBook}> <Button size="lg" disabled={booking} className="rounded-full px-12 bg-sky-500 hover:bg-sky-600 text-white shadow-lg shadow-sky-500/20 active:scale-[0.97] transition-all" onClick={handleBook}>
{booking ? "Sending..." : `Book with \${doc.name}`} {booking ? "Sending..." : `Book with ${doc.name}`}
</Button> </Button>
</div> </div>