knee-cola/evidencija-rezija
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: improve email verification/unsubscribe UI and messaging

Browse Source 
UI Improvements:
- Add spacing (mb-3) to card titles
- Increase heading font size (text-lg) for better hierarchy

Content Updates:
- Rebrand from "Evidencija Režija" to "rezije.app"
- Clarify success message: "subscribed to receive notifications"
- Improve opt-out description wording
- Fix Croatian grammar and phrasing
- Update unsubscribe page title for clarity

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

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
Knee Cola
2025-12-29 20:26:35 +01:00
parent 6eee14d0c3
commit bc7b28e6e9
4 changed files with 24 additions and 24 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
web-app/app/[locale]/email/unsubscribe/[id]/EmailUnsubscribePage.tsx
View File

@@ -64,21 +64,21 @@ export default function EmailUnsubscribePage({ shareId }: EmailUnsubscribePagePr
return ( return (
<div className="card bg-base-100 shadow-xl max-w-2xl mx-auto mt-8"> <div className="card bg-base-100 shadow-xl max-w-2xl mx-auto mt-8">
<div className="card-body"> <div className="card-body">
<h2 className="card-title">{t('title')}</h2> <h2 className="card-title mb-3">{t('title')}</h2>
<div className="space-y-4"> <div className="space-y-4">
<div> <div>
<h3 className="font-semibold">{t('about.title')}</h3> <h3 className="font-semibold text-lg">{t('about.title')}</h3>
<p>{t('about.description')}</p> <p>{t('about.description')}</p>
</div> </div>
<div> <div>
<h3 className="font-semibold">{t('why.title')}</h3> <h3 className="font-semibold text-lg">{t('why.title')}</h3>
<p>{t('why.description')}</p> <p>{t('why.description')}</p>
</div> </div>
<div> <div>
<h3 className="font-semibold">{t('what-happens.title')}</h3> <h3 className="font-semibold text-lg">{t('what-happens.title')}</h3>
<p>{t('what-happens.description')}</p> <p>{t('what-happens.description')}</p>
</div> </div>
</div> </div>

10
web-app/app/[locale]/email/verify/[id]/EmailVerifyPage.tsx
View File

@@ -64,26 +64,26 @@ export default function EmailVerifyPage({ shareId }: EmailVerifyPageProps) {
return ( return (
<div className="card bg-base-100 shadow-xl max-w-2xl mx-auto mt-8"> <div className="card bg-base-100 shadow-xl max-w-2xl mx-auto mt-8">
<div className="card-body"> <div className="card-body">
<h2 className="card-title">{t('title')}</h2> <h2 className="card-title mb-3">{t('title')}</h2>
<div className="space-y-4"> <div className="space-y-4">
<div> <div>
<h3 className="font-semibold">{t('about.title')}</h3> <h3 className="font-semibold text-lg">{t('about.title')}</h3>
<p>{t('about.description')}</p> <p>{t('about.description')}</p>
</div> </div>
<div> <div>
<h3 className="font-semibold">{t('why.title')}</h3> <h3 className="font-semibold text-lg">{t('why.title')}</h3>
<p>{t('why.description')}</p> <p>{t('why.description')}</p>
</div> </div>
<div> <div>
<h3 className="font-semibold">{t('what-happens.title')}</h3> <h3 className="font-semibold text-lg">{t('what-happens.title')}</h3>
<p>{t('what-happens.description')}</p> <p>{t('what-happens.description')}</p>
</div> </div>
<div> <div>
<h3 className="font-semibold">{t('opt-out.title')}</h3> <h3 className="font-semibold text-lg">{t('opt-out.title')}</h3>
<p>{t('opt-out.description')}</p> <p>{t('opt-out.description')}</p>
</div> </div>
</div> </div>

12
web-app/messages/en.json
View File

@@ -91,7 +91,7 @@
"barcodes-found": "barcodes found", "barcodes-found": "barcodes found",
"barcode-singular": "barcode found", "barcode-singular": "barcode found",
"print-button": "Print Barcodes", "print-button": "Print Barcodes",
"print-footer": "Generated on {date} • Evidencija Režija Print System", "print-footer": "Generated on {date} • rezije.app Print System",
"table-header-index": "#", "table-header-index": "#",
"table-header-bill-info": "Bill Information", "table-header-bill-info": "Bill Information",
"table-header-barcode": "2D Barcode", "table-header-barcode": "2D Barcode",
@@ -429,8 +429,8 @@
"email-verify-page": { "email-verify-page": {
"title": "Verify Your Email Address", "title": "Verify Your Email Address",
"about": { "about": {
"title": "About Evidencija Režija", "title": "About rezije.app",
"description": "Evidencija Režija is a utility bills tracking application that helps landlords manage their properties and notify tenants about rent and utility bills." "description": "rezije.app is a utility bills tracking application that helps landlords manage their properties and notify tenants about rent and utility bills."
}, },
"why": { "why": {
"title": "Why did you receive this email?", "title": "Why did you receive this email?",
@@ -450,7 +450,7 @@
}, },
"success": { "success": {
"title": "Email Verified!", "title": "Email Verified!",
"message": "Your email address has been successfully verified. You will now receive notifications from your landlord." "message": "Your email address has been successfully verified. You are now subscribed to receive notifications related to rent and/or utility bills."
}, },
"error": { "error": {
"title": "Verification Failed", "title": "Verification Failed",
@@ -460,8 +460,8 @@
"email-unsubscribe-page": { "email-unsubscribe-page": {
"title": "Unsubscribe from Email Notifications", "title": "Unsubscribe from Email Notifications",
"about": { "about": {
"title": "About Evidencija Režija", "title": "About rezije.app",
"description": "Evidencija Režija is a utility bills tracking application that helps landlords manage their properties and notify tenants about rent and utility bills." "description": "rezije.app is a utility bills tracking application that helps landlords manage their properties and notify tenants about rent and utility bills."
}, },
"why": { "why": {
"title": "Why are you receiving emails?", "title": "Why are you receiving emails?",

18
web-app/messages/hr.json
View File

@@ -426,8 +426,8 @@
"email-verify-page": { "email-verify-page": {
"title": "Potvrdite Vašu Email Adresu", "title": "Potvrdite Vašu Email Adresu",
"about": { "about": {
"title": "O aplikaciji Evidencija Režija", "title": "O aplikaciji rezije.app",
"description": "Evidencija Režija je aplikacija za praćenje režija koja pomaže vlasnicicama nekretnina da upravljaju svojim objektima i obavještavaju zakupce o dospjeloj najamnini i režijama." "description": "rezije.app je aplikacija za praćenje režija koja pomaže vlasnicicama nekretnina da upravljaju svojim objektima i obavještavaju zakupce o dospjeloj najamnini i režijama."
}, },
"why": { "why": {
"title": "Zašto ste primili ovaj email?", "title": "Zašto ste primili ovaj email?",
@@ -435,11 +435,11 @@
}, },
"what-happens": { "what-happens": {
"title": "Što se događa nakon potvrde?", "title": "Što se događa nakon potvrde?",
"description": "Nakon što potvrdite svoju email adresu, primate ćete obavijesti kada najamnina dospije i/ili kada su režije spremne, ovisno o konfiguraciji vašeg vlasnika nekretnine. Obavijesti se šalju do dva puta mjesečno." "description": "Nakon što potvrdite svoju email adresu, početi ćete primate obavijesti kada najamnina dospije i/ili kada su režije spremne, ovisno o konfiguraciji vašeg vlasnika nekretnine. Obavijesti se šalju do dva puta mjesečno."
}, },
"opt-out": { "opt-out": {
"title": "Ne želite primati emailove?", "title": "Ne želite primati emailove?",
"description": "Možete zanemariti ovaj email ako ne želite primati obavijesti. Također se možete odjaviti u bilo kojem trenutku korištenjem linka koji je uključen u svakom emailu s obavijesti." "description": "Možete zanemariti ovaj email ako ne želite primati obavijesti. Također se možete odjaviti u bilo kojem trenutku putem linka koji će biti uključen u svakom emailu koji primite."
}, },
"button": { "button": {
"verify": "Potvrdi Email Adresu", "verify": "Potvrdi Email Adresu",
@@ -447,7 +447,7 @@
}, },
"success": { "success": {
"title": "Email Potvrđen!", "title": "Email Potvrđen!",
"message": "Vaša email adresa je uspješno potvrđena. Sada ćete primati obavijesti od vašeg vlasnika nekretnine." "message": "Vaša email adresa je uspješno potvrđena. Sada ste pretplaćeni na obavijesti vezane za najamninu i/ili režije."
}, },
"error": { "error": {
"title": "Potvrda Nije Uspjela", "title": "Potvrda Nije Uspjela",
@@ -455,10 +455,10 @@
} }
}, },
"email-unsubscribe-page": { "email-unsubscribe-page": {
"title": "Odjava od Email Obavijesti", "title": "Obavjesti o režijama - Odjava",
"about": { "about": {
"title": "O aplikaciji Evidencija Režija", "title": "O aplikaciji rezije.app",
"description": "Evidencija Režija je aplikacija za praćenje režija koja pomaže vlasnicicama nekretnina da upravljaju svojim objektima i obavještavaju zakupce o dospjeloj najamnini i režijama." "description": "rezije.app je aplikacija za praćenje režija koja pomaže vlasnicicama nekretnina da upravljaju svojim objektima i obavještavaju zakupce o dospjeloj najamnini i režijama."
}, },
"why": { "why": {
"title": "Zašto primate emailove?", "title": "Zašto primate emailove?",
@@ -474,7 +474,7 @@
}, },
"success": { "success": {
"title": "Uspješno Odjavljeni", "title": "Uspješno Odjavljeni",
"message": "Odjavljeni ste od email obavijesti. Više nećete primati podsjednike o najamnini ili režijama." "message": "Odjavljeni ste od email obavijesti. Više nećete primati obavijesti o najamnini ili režijama."
}, },
"error": { "error": {
"title": "Odjava Nije Uspjela", "title": "Odjava Nije Uspjela",