andika/membership-fe
3
1
Fork 1
Code Issues 17 Pull Requests Actions Packages Projects Releases Wiki Activity

fix typo

Browse Source
This commit is contained in:
kayela
2026-01-12 20:37:38 -06:00
parent 7694532d53
commit 9c2d516f9d
74 changed files with 1842 additions and 1842 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/ConfirmationDialog.js
View File

@@ -38,8 +38,8 @@ const ConfirmationDialog = ({
const variants = {
warning: {
icon: AlertTriangle,
iconColor: 'text-var(--orange-light)',
confirmButtonClass: 'bg-var(--orange-light) text-white hover:bg-var(--orange-sand) rounded-full px-6',
iconColor: 'text-[var(--orange-light)]',
confirmButtonClass: 'bg-[var(--orange-light)] text-white hover:bg-[var(--orange-sand)] rounded-full px-6',
},
danger: {
icon: AlertTriangle,
@@ -48,13 +48,13 @@ const ConfirmationDialog = ({
},
info: {
icon: Info,
iconColor: 'text-var(--purple-lavender)',
confirmButtonClass: 'bg-var(--purple-lavender) text-white hover:bg-var(--purple-plum) rounded-full px-6',
iconColor: 'text-[var(--purple-lavender)]',
confirmButtonClass: 'bg-[var(--purple-lavender)] text-white hover:bg-[var(--purple-plum)] rounded-full px-6',
},
success: {
icon: CheckCircle,
iconColor: 'text-var(--green-light)',
confirmButtonClass: 'bg-var(--green-light) text-white hover:bg-var(--green-pastel) rounded-full px-6',
iconColor: 'text-[var(--green-light)]',
confirmButtonClass: 'bg-[var(--green-light)] text-white hover:bg-[var(--green-pastel)] rounded-full px-6',
},
};
@@ -63,21 +63,21 @@ const ConfirmationDialog = ({
return (
<AlertDialog open={open} onOpenChange={onOpenChange}>
<AlertDialogContent className="bg-background rounded-2xl border border-var(--neutral-800) p-0 overflow-hidden max-w-md">
<AlertDialogContent className="bg-background rounded-2xl border border-[var(--neutral-800)] p-0 overflow-hidden max-w-md">
<AlertDialogHeader className="p-6 pb-4">
<div className="flex items-start gap-4">
<div className={`p-3 rounded-full bg-var(--lavender-500) ${config.iconColor}`}>
<div className={`p-3 rounded-full bg-[var(--lavender-500)] ${config.iconColor}`}>
<Icon className="h-6 w-6" />
</div>
<div className="flex-1">
<AlertDialogTitle
className="text-xl font-semibold text-var(--purple-ink) mb-2"
className="text-xl font-semibold text-[var(--purple-ink)] mb-2"
style={{ fontFamily: "'Inter', sans-serif" }}
>
{title}
</AlertDialogTitle>
<AlertDialogDescription
className="text-var(--purple-lavender) text-sm leading-relaxed"
className="text-[var(--purple-lavender)] text-sm leading-relaxed"
style={{ fontFamily: "'Nunito Sans', sans-serif" }}
>
{description}
@@ -85,9 +85,9 @@ const ConfirmationDialog = ({
</div>
</div>
</AlertDialogHeader>
<AlertDialogFooter className="p-6 pt-4 bg-var(--lavender-500) flex-row gap-3 justify-end">
<AlertDialogFooter className="p-6 pt-4 bg-[var(--lavender-500)] flex-row gap-3 justify-end">
<AlertDialogCancel
className="border-2 border-var(--neutral-800) text-var(--purple-lavender) hover:bg-background rounded-full px-6"
className="border-2 border-[var(--neutral-800)] text-[var(--purple-lavender)] hover:bg-background rounded-full px-6"
disabled={loading}
>
{cancelText}