thalla/lomavuokraus
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add icon + larger toggles for billing cards
Some checks are pending
CI / checks (push) Waiting to run
Details

Browse source
This commit is contained in:
Tero Halla-aho 2025-12-21 13:12:22 +02:00
parent 3bf1b67256
commit e211550569
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
app/me/page.tsx
View file

@ -226,13 +226,14 @@ export default function ProfilePage() {
<form onSubmit={onSaveBilling} style={{ display: 'grid', gap: 14 }}> <form onSubmit={onSaveBilling} style={{ display: 'grid', gap: 14 }}>
<label className="amenity-option" style={{ maxWidth: 520, alignItems: 'center' }}> <label className="amenity-option" style={{ maxWidth: 520, alignItems: 'center' }}>
<div className="amenity-option-meta" style={{ fontWeight: 600 }}> <div className="amenity-option-meta" style={{ fontWeight: 600 }}>
<span aria-hidden className="amenity-emoji">💸</span>
<span className="amenity-name">{t('billingEnableLabel')}</span> <span className="amenity-name">{t('billingEnableLabel')}</span>
</div> </div>
<input <input
type="checkbox" type="checkbox"
checked={billingEnabled} checked={billingEnabled}
onChange={(e) => setBillingEnabled(e.target.checked)} onChange={(e) => setBillingEnabled(e.target.checked)}
style={{ width: 18, height: 18 }} style={{ width: 22, height: 22 }}
/> />
</label> </label>
{billingEnabled ? ( {billingEnabled ? (
@ -248,13 +249,14 @@ export default function ProfilePage() {
</label> </label>
<label className="amenity-option" style={{ maxWidth: 520, alignItems: 'center' }}> <label className="amenity-option" style={{ maxWidth: 520, alignItems: 'center' }}>
<div className="amenity-option-meta" style={{ fontWeight: 600 }}> <div className="amenity-option-meta" style={{ fontWeight: 600 }}>
<span aria-hidden className="amenity-emoji">🧾</span>
<span className="amenity-name">{t('billingIncludeVat')}</span> <span className="amenity-name">{t('billingIncludeVat')}</span>
</div> </div>
<input <input
type="checkbox" type="checkbox"
checked={billingIncludeVatLine} checked={billingIncludeVatLine}
onChange={(e) => setBillingIncludeVatLine(e.target.checked)} onChange={(e) => setBillingIncludeVatLine(e.target.checked)}
style={{ width: 18, height: 18 }} style={{ width: 22, height: 22 }}
/> />
</label> </label>
</div> </div>