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,9 +170,10 @@ export const LocationEditForm: FC<LocationEditFormProps> = ({ location, yearMont
))} ))}
</div> </div>
</div> </div>
<InfoBox className="p-1 mb-1">{t("tenant-2d-code-note")}</InfoBox>
</> </>
)} )}
</fieldset> </fieldset>
<fieldset className="fieldset bg-base-200 border-base-300 rounded-box w-xs border p-4 pb-2 mt-4"> <fieldset className="fieldset bg-base-200 border-base-300 rounded-box w-xs border p-4 pb-2 mt-4">
@@ -182,6 +183,7 @@ export const LocationEditForm: FC<LocationEditFormProps> = ({ location, yearMont
<fieldset className="fieldset"> <fieldset className="fieldset">
<label className="label cursor-pointer justify-start gap-3"> <label className="label cursor-pointer justify-start gap-3">
<input <input
disabled={true}
type="checkbox" type="checkbox"
name="autoBillFwd" name="autoBillFwd"
className="toggle toggle-primary" className="toggle toggle-primary"
@@ -210,6 +212,7 @@ export const LocationEditForm: FC<LocationEditFormProps> = ({ location, yearMont
<fieldset className="fieldset"> <fieldset className="fieldset">
<label className="label cursor-pointer justify-start gap-3"> <label className="label cursor-pointer justify-start gap-3">
<input <input
disabled={true}
type="checkbox" type="checkbox"
name="rentDueNotification" name="rentDueNotification"
className="toggle toggle-primary" className="toggle toggle-primary"

View File

@@ -139,9 +139,10 @@
"location-name-legend": "Realestate name", "location-name-legend": "Realestate name",
"location-name-placeholder": "enter realestate name", "location-name-placeholder": "enter realestate name",
"notes-placeholder": "notes", "notes-placeholder": "notes",
"tenant-2d-code-legend": "TENANT 2D CODE", "tenant-2d-code-legend": "PAYMENT INSTRUCTIONS",
"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-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": "generate 2d code", "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-label": "Tenant First and Last Name",
"tenant-name-placeholder": "enter tenant's first and last name", "tenant-name-placeholder": "enter tenant's first and last name",
"tenant-street-label": "Tenant Street and House Number", "tenant-street-label": "Tenant Street and House Number",

View File

@@ -139,9 +139,10 @@
"location-name-legend": "Realestate name", "location-name-legend": "Realestate name",
"location-name-placeholder": "unesite naziv nekretnine", "location-name-placeholder": "unesite naziv nekretnine",
"notes-placeholder": "bilješke", "notes-placeholder": "bilješke",
"tenant-2d-code-legend": "2D BARKOD ZA PODSTANARA", "tenant-2d-code-legend": "UPUTE ZA UPLATU",
"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-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": "generiraj 2D barkod", "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-label": "Ime i prezime podstanara",
"tenant-name-placeholder": "unesite ime i prezime podstanara", "tenant-name-placeholder": "unesite ime i prezime podstanara",
"tenant-street-label": "Ulica podstanara i kućni broj", "tenant-street-label": "Ulica podstanara i kućni broj",