GuilanCE/guilan-ace-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(profile): align registration actions with availability

Browse Source
This commit is contained in:
Amirhossein Khalili
2026-10-02 13:04:41 +03:30
parent 43b1e411b2
commit 6ec1f309dc
1 changed files with 20 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
src/views/Profile.tsx
View File

@@ -206,6 +206,9 @@ function ProfileEventCard({ registration }: { registration: Types.MyEventRegistr
const imageUrl = toAbsoluteUrl(event.absolute_image_url, apiBaseUrl) || "/placeholder.svg";
const eventPath = getEventPath(event);
const registrationHubUrl = `${eventPath}/registration?registration_id=${encodeURIComponent(registration.ticket_id)}`;
const canContinueRegistration = registration.status === "pending"
&& registration.checkout_state === "active"
&& registration.can_resume;
return (
<article className="flex min-w-0 flex-col gap-3 rounded-2xl border border-border/70 bg-background p-3 text-right sm:flex-row sm:gap-4 sm:p-4">
@@ -217,21 +220,26 @@ function ProfileEventCard({ registration }: { registration: Types.MyEventRegistr
<Image src={imageUrl} alt="" width={160} height={120} unoptimized className="aspect-video h-auto w-full object-cover sm:aspect-[4/3] sm:h-full" />
</Link>
<div className="flex min-w-0 flex-1 flex-col">
<Link to={eventPath} className="break-words font-semibold text-foreground hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring">
{event.title}
</Link>
<div className="mt-3 flex flex-wrap items-center justify-between gap-2">
<Badge variant="outline" className={eventStatusBadgeClasses[registration.status]}>{eventStatusLabels[registration.status]}</Badge>
<span className="text-xs text-muted-foreground">{formatJalali(event.start_date, false)}</span>
<div className="flex min-w-0 items-start justify-between gap-3">
<Link to={eventPath} className="min-w-0 break-words font-semibold text-foreground hover:text-primary focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring">
{event.title}
</Link>
<Badge variant="outline" className={`shrink-0 px-2 py-0.5 text-[11px] ${eventStatusBadgeClasses[registration.status]}`}>
{eventStatusLabels[registration.status]}
</Badge>
</div>
{registration.checkout_state === "active" && registration.can_resume ? (
<Button asChild variant="default" size="sm" className="mt-3 min-h-10 w-fit">
<Link to={registrationHubUrl}>ادامه پرداخت</Link>
<span className="mt-2 text-xs text-muted-foreground">{formatJalali(event.start_date, false)}</span>
{canContinueRegistration ? (
<Button asChild variant="default" size="sm" className="mt-auto min-h-10 w-fit self-end">
<Link to={registrationHubUrl}>ادامه ثبت‌نام</Link>
</Button>
) : registration.checkout_state === "unresolved" ? (
<Button asChild variant="outline" size="sm" className="mt-3 min-h-10 w-fit">
<Link to={registrationHubUrl}>پیگیری پرداخت قبلی</Link>
</Button>
<Link
to={registrationHubUrl}
className="mt-auto inline-flex min-h-10 w-fit items-center self-end text-sm font-medium text-primary underline-offset-4 hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring"
>
پیگیری پرداخت قبلی
</Link>
) : null}
</div>
</article>