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:
parent
67d0ce24b4
commit
635e8d3356
@ -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>
|
||||
|
@ -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">
|
||||
|
@ -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>
|
||||
|
Loading…
x
Reference in New Issue
Block a user