chore:little fixes and formating and linting and patches

This commit is contained in:
2026-03-31 15:50:54 +02:00
parent a1ce71ffb6
commit 9b197abcfa
815 changed files with 22960 additions and 8982 deletions

View File

@@ -14,26 +14,36 @@ export function CheckoutPage({ cart, onPay }: Props) {
<div className="page-title">Checkout</div>
<div className="checkout-form">
<div className="form-group">
<label className="form-label" htmlFor="card">Card number</label>
<input id="card" defaultValue="4242 4242 4242 4242" readOnly />
<label className="form-label" htmlFor="card">
Card number
</label>
<input defaultValue="4242 4242 4242 4242" id="card" readOnly />
</div>
<div style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 8 }}>
<div
style={{ display: 'grid', gridTemplateColumns: '1fr 1fr', gap: 8 }}
>
<div className="form-group">
<label className="form-label" htmlFor="expiry">Expiry</label>
<input id="expiry" defaultValue="12/28" readOnly />
<label className="form-label" htmlFor="expiry">
Expiry
</label>
<input defaultValue="12/28" id="expiry" readOnly />
</div>
<div className="form-group">
<label className="form-label" htmlFor="cvc">CVC</label>
<input id="cvc" defaultValue="123" readOnly />
<label className="form-label" htmlFor="cvc">
CVC
</label>
<input defaultValue="123" id="cvc" readOnly />
</div>
</div>
<div className="checkout-total">Total: ${total}</div>
<div className="checkout-pay-buttons">
<Link to="/cart"><button type="button"> Back</button></Link>
<button type="button" className="primary" onClick={() => onPay(true)}>
<Link to="/cart">
<button type="button"> Back</button>
</Link>
<button className="primary" onClick={() => onPay(true)} type="button">
Pay ${total} (success)
</button>
<button type="button" className="danger" onClick={() => onPay(false)}>
<button className="danger" onClick={() => onPay(false)} type="button">
Pay ${total} (fail)
</button>
</div>