(refactor) formatting revolut link

This commit is contained in:
2025-11-24 16:39:10 +01:00
parent 4c7a423a4d
commit f47693fdd6

View File

@@ -10,6 +10,7 @@ import SettingsIcon from "@mui/icons-material/Settings";
import { formatIban } from "../lib/formatStrings"; import { formatIban } from "../lib/formatStrings";
import { InfoBox } from "./InfoBox"; import { InfoBox } from "./InfoBox";
import { NoteBox } from "./NoteBox"; import { NoteBox } from "./NoteBox";
import { LinkIcon } from "@heroicons/react/24/outline";
export type UserSettingsFormProps = { export type UserSettingsFormProps = {
userSettings: UserSettings | null; userSettings: UserSettings | null;
@@ -310,13 +311,17 @@ const FormFields: FC<FormFieldsProps> = ({ userSettings, errors, message }) => {
</div> </div>
{ {
!errors?.ownerRevolutProfileName && formValues.ownerRevolutProfileName.length > 5 ? ( !errors?.ownerRevolutProfileName && formValues.ownerRevolutProfileName.length > 5 ? (
<p className="p-3 text-center">{t("revolut-profile--test-link-label")} <Link <p className="p-2 text-center">
href={`https://revolut.me/${formValues.ownerRevolutProfileName?.replace('@', '')}?amount=100&currency=${formValues.currency}`} {t("revolut-profile--test-link-label")} {' '}
target="_blank" <LinkIcon className="h-[1.2em] w-[1.2em] inline-block ml-1 mr-1"/>
className="text-blue-600 underline" <Link
> href={`https://revolut.me/${formValues.ownerRevolutProfileName?.replace('@', '')}?amount=100&currency=${formValues.currency}`}
{t("revolut-profile--test-link-text")} target="_blank"
</Link></p> className="underline"
>
{t("revolut-profile--test-link-text")}
</Link>
</p>
) : null ) : null
} }
</div> </div>