chore:little fixes and formating and linting and patches
This commit is contained in:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user