(refactor) formatting revolut link
This commit is contained in:
@@ -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">
|
||||||
|
{t("revolut-profile--test-link-label")} {' '}
|
||||||
|
<LinkIcon className="h-[1.2em] w-[1.2em] inline-block ml-1 mr-1"/>
|
||||||
|
<Link
|
||||||
href={`https://revolut.me/${formValues.ownerRevolutProfileName?.replace('@', '')}?amount=100¤cy=${formValues.currency}`}
|
href={`https://revolut.me/${formValues.ownerRevolutProfileName?.replace('@', '')}?amount=100¤cy=${formValues.currency}`}
|
||||||
target="_blank"
|
target="_blank"
|
||||||
className="text-blue-600 underline"
|
className="underline"
|
||||||
>
|
>
|
||||||
{t("revolut-profile--test-link-text")}
|
{t("revolut-profile--test-link-text")}
|
||||||
</Link></p>
|
</Link>
|
||||||
|
</p>
|
||||||
) : null
|
) : null
|
||||||
}
|
}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Reference in New Issue
Block a user