feat: add Revolut profile tooltip and test link to UserSettingsForm

- Add tooltip under Revolut profile input explaining where to find the profile name
- Add test payment link that appears when profile name is valid (>5 chars)
- Reorder ViewLocationCard payment UI: QR code placeholder first, link below centered
- Replace hardcoded text with translation keys for better i18n support
- Add English and Croatian translations for test link and payment button

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

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
2025-11-24 16:21:28 +01:00
parent bd283ce6db
commit df9a3596f3
4 changed files with 27 additions and 9 deletions

View File

@@ -149,19 +149,18 @@ export const ViewLocationCard:FC<ViewLocationCardProps> = ({location, userSettin
userSettings?.enableRevolutPayment && tenantPaymentMethod === "revolut" ?
<>
<p className="max-w-[25em] ml-1 mt-1 mb-1">{t("payment-info-header")}</p>
<p className="ml-1">
To pay via Revolut, please click the following link:{' '}
<label className="label p-2 grow bg-white border border-gray-300 rounded-box justify-center">
ToDo: QR Code goes here
</label>
<p className="text-center mt-1 mb-3">
<Link
href={`https://revolut.me/${userSettings.ownerRevolutProfileName?.replace('@', '')}?amount=${(monthlyExpense / 100).toFixed(2)}&currency=${userSettings.currency}}`}
target="_blank"
className="text-blue-600 underline"
>
Pay with Revolut
{t("revolut-link-text")}
</Link>
</p>
<label className="label p-2 grow bg-white border border-gray-300 rounded-box justify-center">
ToDo: QR Code goes here
</label>
</>
: null
}