refactor: Improve tenant payment instructions UX and disable incomplete features

Renamed "2D CODE" feature to "PAYMENT INSTRUCTIONS" for better clarity
and disabled incomplete auto-forwarding features.

Changes:
- Renamed tenant 2D code section to "Payment Instructions"
- Updated labels to reflect that feature shows payment instructions + 2D code
- Added InfoBox with important note about required app settings (name & IBAN)
- Disabled auto bill forwarding toggle (feature incomplete)
- Disabled rent due notification toggle (feature incomplete)
- Updated translations in both English and Croatian

The new naming better reflects what the feature does: showing payment
instructions with IBAN details and a scannable 2D code to tenants.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Knee Cola
2025-11-23 11:06:50 +01:00
parent 8e5b1d7239
commit 34fda9f622
3 changed files with 12 additions and 7 deletions

View File

@@ -170,6 +170,7 @@ export const LocationEditForm: FC<LocationEditFormProps> = ({ location, yearMont
))}
</div>
</div>
<InfoBox className="p-1 mb-1">{t("tenant-2d-code-note")}</InfoBox>
</>
)}
</fieldset>
@@ -182,6 +183,7 @@ export const LocationEditForm: FC<LocationEditFormProps> = ({ location, yearMont
<fieldset className="fieldset">
<label className="label cursor-pointer justify-start gap-3">
<input
disabled={true}
type="checkbox"
name="autoBillFwd"
className="toggle toggle-primary"
@@ -210,6 +212,7 @@ export const LocationEditForm: FC<LocationEditFormProps> = ({ location, yearMont
<fieldset className="fieldset">
<label className="label cursor-pointer justify-start gap-3">
<input
disabled={true}
type="checkbox"
name="rentDueNotification"
className="toggle toggle-primary"

View File

@@ -139,9 +139,10 @@
"location-name-legend": "Realestate name",
"location-name-placeholder": "enter realestate name",
"notes-placeholder": "notes",
"tenant-2d-code-legend": "TENANT 2D CODE",
"tenant-2d-code-info": "2D barcode allows the tenant to quickly and easily pay the amount they owe you for paid utility bills to your IBAN. The barcode will be displayed when the tenant opens the link to the statement for the given month.",
"tenant-2d-code-toggle-label": "generate 2d code",
"tenant-2d-code-legend": "PAYMENT INSTRUCTIONS",
"tenant-2d-code-info": "When the tenant opens the link to the statement for the given month, the application can show payment instructions for utility costs to your IBAN, as well as a 2D code they can scan.",
"tenant-2d-code-toggle-label": "show payment instructions to the tenant",
"tenant-2d-code-note": "IMPORTANT: for this to work you will also need to go into app settings and enter your name and IBAN.",
"tenant-name-label": "Tenant First and Last Name",
"tenant-name-placeholder": "enter tenant's first and last name",
"tenant-street-label": "Tenant Street and House Number",

View File

@@ -139,9 +139,10 @@
"location-name-legend": "Realestate name",
"location-name-placeholder": "unesite naziv nekretnine",
"notes-placeholder": "bilješke",
"tenant-2d-code-legend": "2D BARKOD ZA PODSTANARA",
"tenant-2d-code-info": "2D barkod omogućuje podstanaru da brzo i jednostavno na vaš IBAN uplati iznos koji vam duguje za plaćene režije. Barkod će biti prikazan kada podstanar otvori poveznicu na obračun za zadani mjesec.",
"tenant-2d-code-toggle-label": "generiraj 2D barkod",
"tenant-2d-code-legend": "UPUTE ZA UPLATU",
"tenant-2d-code-info": "Kada podstanar otvori poveznicu na obračun za zadani mjesec aplikacija mu može prikazati upute za uplatu troškova režija na vaš IBAN, kao i 2D koji može skenirati.",
"tenant-2d-code-toggle-label": "podstanaru prikaži upute za uplatu",
"tenant-2d-code-note": "VAŽNO: za ovu funkcionalnost potrebno je otvoriti postavke aplikacije, te unijeti vaše ime i IBAN.",
"tenant-name-label": "Ime i prezime podstanara",
"tenant-name-placeholder": "unesite ime i prezime podstanara",
"tenant-street-label": "Ulica podstanara i kućni broj",