refactor: improve email status display and messaging
LocationCard: - Include email status in card info section display condition - Remove emoji suffixes (icons already convey status visually) LocationEditForm: - Enable autoBillFwd and rentDueNotification toggles - Only show email status when displayed email matches saved email - Show unverified status when email is changed or for new emails - Remove emoji suffixes from status messages - Add left margin to status display Messages (EN/HR): - More descriptive email status messages in both languages - LocationCard: "tenant email not verified" vs "Email not verified" - LocationEditForm: Clearer explanations like "this e-mail address will need to be verified by the tenant" 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
This commit is contained in:
@@ -70,7 +70,7 @@ export const LocationCard: FC<LocationCardProps> = ({ location, currency }) => {
|
||||
</Link>
|
||||
<ShareIcon className="h-[1em] w-[1em] cursor-pointer text-2xl inline hover:text-red-500" title="create sharable link" onClick={handleCopyLinkClick} />
|
||||
</div>
|
||||
{ totalUnpaid > 0 || totalPayed > 0 || seenByTenantAt || utilBillsProofOfPayment?.uploadedAt ?
|
||||
{ totalUnpaid > 0 || totalPayed > 0 || seenByTenantAt || utilBillsProofOfPayment?.uploadedAt || (tenantEmail && tenantEmailStatus && tenantEmailStatus !== EmailStatus.Verified) ?
|
||||
<>
|
||||
<div className="flex ml-1">
|
||||
<div className="divider divider-horizontal p-0 m-0"></div>
|
||||
@@ -108,9 +108,9 @@ export const LocationCard: FC<LocationCardProps> = ({ location, currency }) => {
|
||||
tenantEmailStatus === EmailStatus.VerificationPending ? "text-info" :
|
||||
"text-error"
|
||||
}>
|
||||
{tenantEmailStatus === EmailStatus.Unverified && `${t("email-status.unverified")} ⚠️`}
|
||||
{tenantEmailStatus === EmailStatus.VerificationPending && `${t("email-status.verification-pending")} ⏳`}
|
||||
{tenantEmailStatus === EmailStatus.Unsubscribed && `${t("email-status.unsubscribed")} ✉️`}
|
||||
{tenantEmailStatus === EmailStatus.Unverified && `${t("email-status.unverified")}`}
|
||||
{tenantEmailStatus === EmailStatus.VerificationPending && `${t("email-status.verification-pending")}`}
|
||||
{tenantEmailStatus === EmailStatus.Unsubscribed && `${t("email-status.unsubscribed")}`}
|
||||
</span>
|
||||
</div>
|
||||
)}
|
||||
|
||||
Reference in New Issue
Block a user