1
0
mirror of https://github.com/LaCasemate/fab-manager.git synced 2025-01-17 06:52:27 +01:00

use HtmlTranslate component

This commit is contained in:
Sylvain 2021-04-07 16:25:14 +02:00
parent 67d0ce24b4
commit 635e8d3356
3 changed files with 12 additions and 3 deletions

View File

@ -11,6 +11,7 @@ import { FabInput } from './fab-input';
import { enableMapSet } from 'immer';
import { useImmer } from 'use-immer';
import PayzenAPI from '../api/payzen';
import { HtmlTranslate } from './html-translate';
enableMapSet();
@ -124,7 +125,9 @@ const PayZenKeysFormComponent: React.FC<PayZenKeysFormProps> = ({ onValidKeys })
return (
<div className="payzen-keys-form">
<div className="payzen-keys-info" dangerouslySetInnerHTML={{__html: t('app.admin.invoices.payment.payzen_keys_info_html')}} />
<div className="payzen-keys-info">
<HtmlTranslate trKey="app.admin.invoices.payment.payzen_keys_info_html" />
</div>
<form name="payzenKeysForm">
<fieldset>
<legend>{t('app.admin.invoices.payment.client_keys')}</legend>

View File

@ -8,6 +8,7 @@ import { SettingName } from '../models/setting';
import { useImmer } from 'use-immer';
import { FabInput } from './fab-input';
import { FabButton } from './fab-button';
import { HtmlTranslate } from './html-translate';
declare var Application: IApplication;
@ -126,7 +127,9 @@ export const PayzenSettings: React.FC<PayzenSettingsProps> = ({ onEditKeys, onCu
</div>
<div className="payzen-currency">
<h3 className="title">{t('app.admin.invoices.payment.payzen.currency')}</h3>
<p className="currency-info" dangerouslySetInnerHTML={{__html: t('app.admin.invoices.payment.payzen.currency_info_html')}} />
<p className="currency-info">
<HtmlTranslate trKey="app.admin.invoices.payment.payzen.currency_info_html" />
</p>
{error && <p className="currency-error">{error}</p>}
<div className="payzen-currency-form">
<div className="currency-wrapper">

View File

@ -5,6 +5,7 @@ import SettingAPI from '../api/setting';
import { SettingName } from '../models/setting';
import { FabInput } from './fab-input';
import StripeAPI from '../api/stripe';
import { HtmlTranslate } from './html-translate';
interface StripeKeysFormProps {
@ -117,7 +118,9 @@ const StripeKeysFormComponent: React.FC<StripeKeysFormProps> = ({ onValidKeys })
return (
<div className="stripe-keys-form">
<div className="stripe-keys-info" dangerouslySetInnerHTML={{__html: t('app.admin.invoices.payment.stripe_keys_info_html')}} />
<div className="stripe-keys-info">
<HtmlTranslate trKey="app.admin.invoices.payment.stripe_keys_info_html" />
</div>
<form name="stripeKeysForm">
<div className="stripe-public-input">
<label htmlFor="stripe_public_key">{ t('app.admin.invoices.payment.public_key') } *</label>