fix: restore critical build/deploy fixes and standardize destructive UI state
Some checks failed
Build & Deploy KLZ Cables / 🔍 Prepare Environment (push) Successful in 9s
Build & Deploy KLZ Cables / 🧪 Quality Assurance (push) Successful in 1m35s
Build & Deploy KLZ Cables / 🏗️ Build Gatekeeper (push) Successful in 21s
Build & Deploy KLZ Cables / 🏗️ Build App (push) Successful in 4m38s
Build & Deploy KLZ Cables / 🚀 Deploy (push) Failing after 12s
Build & Deploy KLZ Cables / ⚡ PageSpeed (push) Has been skipped
Build & Deploy KLZ Cables / 🔔 Notifications (push) Successful in 2s

This commit is contained in:
2026-02-05 14:16:28 +01:00
parent 50347d049d
commit 0379d1f05d
4 changed files with 112 additions and 42 deletions

View File

@@ -86,7 +86,12 @@ export default function ContactForm() {
<p className="text-destructive/80 text-lg mb-8 leading-relaxed font-medium">
{t('form.error') || 'Something went wrong. Please check your input and try again.'}
</p>
<Button onClick={() => setStatus('idle')} variant="danger" size="lg" className="w-full">
<Button
onClick={() => setStatus('idle')}
variant="destructive"
size="lg"
className="w-full"
>
{t('form.tryAgain') || 'Try Again'}
</Button>
</Card>

View File

@@ -98,7 +98,12 @@ export default function RequestQuoteForm({ productName }: RequestQuoteFormProps)
<p className="text-destructive/80 text-xs leading-tight mb-4 !mt-0">
{t('errorDesc') || 'Something went wrong. Please try again.'}
</p>
<Button onClick={() => setStatus('idle')} variant="danger" size="sm" className="w-full">
<Button
onClick={() => setStatus('idle')}
variant="destructive"
size="sm"
className="w-full"
>
{t('tryAgain') || 'Try Again'}
</Button>
</div>

View File

@@ -11,7 +11,7 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
| 'outline'
| 'ghost'
| 'white'
| 'danger';
| 'destructive';
size?: 'sm' | 'md' | 'lg' | 'xl';
href?: string;
className?: string;
@@ -38,7 +38,8 @@ export function Button({
ghost: 'text-primary hover:shadow-lg',
white:
'bg-white text-primary shadow-md hover:shadow-primary/30 hover:shadow-2xl hover:text-white',
danger: 'bg-danger text-white shadow-md hover:shadow-danger/30 hover:shadow-2xl',
destructive:
'bg-destructive text-destructive-foreground shadow-md hover:shadow-destructive/30 hover:shadow-2xl',
};
const sizes = {
@@ -58,7 +59,7 @@ export function Button({
outline: 'bg-primary',
ghost: 'bg-primary-light/10',
white: 'bg-primary-light',
danger: 'bg-danger-dark',
destructive: 'bg-destructive/90',
};
const content = (