jselesan/playzer
1
0
Fork 0
Code Issues Pull Requests 6 Actions Packages Projects Releases Wiki Activity

feat(booking-ui): conditionally render action buttons based on booking status

Browse Source
This commit is contained in:
Jose Selesan
2026-06-04 16:33:51 -03:00
parent e441f15ee4
commit 7ca784d5f5
1 changed files with 84 additions and 80 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/frontend/src/features/booking/components/booking-tools-dialog.tsx
View File

@@ -179,6 +179,7 @@ export function BookingToolsDialog() {
<Separator className="dark:bg-slate-800 bg-slate-300" /> <Separator className="dark:bg-slate-800 bg-slate-300" />
{booking?.status !== 'COMPLETED' && (
<section className="space-y-3"> <section className="space-y-3">
<div> <div>
<h3 className="font-medium text-slate-100">Acciones disponibles</h3> <h3 className="font-medium text-slate-100">Acciones disponibles</h3>
@@ -226,6 +227,7 @@ export function BookingToolsDialog() {
/> />
</div> </div>
</section> </section>
)}
<ResponsiveDialogFooter className="data-[variant=drawer]:px-0"> <ResponsiveDialogFooter className="data-[variant=drawer]:px-0">
<ResponsiveDialogClose asChild> <ResponsiveDialogClose asChild>
@@ -321,6 +323,7 @@ function MobileBookingToolsSheet({
</section> </section>
</div> </div>
{booking?.status !== 'COMPLETED' && (
<section className="shrink-0 border-t border-border/70 bg-popover/95 px-4 py-3"> <section className="shrink-0 border-t border-border/70 bg-popover/95 px-4 py-3">
<h3 className="text-sm font-medium">Acciones</h3> <h3 className="text-sm font-medium">Acciones</h3>
<div className="mt-3 grid grid-cols-2 gap-2"> <div className="mt-3 grid grid-cols-2 gap-2">
@@ -357,6 +360,7 @@ function MobileBookingToolsSheet({
</ResponsiveDialogClose> </ResponsiveDialogClose>
</ResponsiveDialogFooter> </ResponsiveDialogFooter>
</section> </section>
)}
</div> </div>
); );
} }