From 98167b50dc5c5d9e93c2eb29af8df822e0a0d38f Mon Sep 17 00:00:00 2001 From: abias <abias1122@gmail.com> Date: Tue, 23 May 2023 19:31:33 -0400 Subject: [PATCH] Add translations --- src/shared/components/home/rate-limit-form.tsx | 9 +++------ 1 file changed, 3 insertions(+), 6 deletions(-) diff --git a/src/shared/components/home/rate-limit-form.tsx b/src/shared/components/home/rate-limit-form.tsx index d4b68be..8f2a1a8 100644 --- a/src/shared/components/home/rate-limit-form.tsx +++ b/src/shared/components/home/rate-limit-form.tsx @@ -18,7 +18,6 @@ const rateLimitTypes = [ interface RateLimitsProps { handleRateLimit: FormEventHandler<HTMLInputElement>; handleRateLimitPerSecond: FormEventHandler<HTMLInputElement>; - rateLimitLabel: string; rateLimitValue?: number; rateLimitPerSecondValue?: number; } @@ -49,14 +48,13 @@ interface RateLimitFormState { function RateLimits({ handleRateLimit, handleRateLimitPerSecond, - rateLimitLabel, rateLimitPerSecondValue, rateLimitValue, }: RateLimitsProps) { return ( <div className="form-group row"> <label className="col-12 col-form-label" htmlFor="rate-limit"> - {rateLimitLabel} + {i18n.t("rate_limit")} </label> <input type="number" @@ -171,11 +169,11 @@ export default class RateLimitsForm extends Component< render() { return ( <form onSubmit={linkEvent(this, submitRateLimitForm)}> - <h5>Rate Limit Options</h5> + <h5>{i18n.t("rate_limit_header")}</h5> <Tabs tabs={rateLimitTypes.map(rateLimitType => ({ key: rateLimitType, - label: rateLimitType, + label: i18n.t(`rate_limit_${rateLimitType}`), getNode: () => ( <RateLimits handleRateLimit={linkEvent( @@ -186,7 +184,6 @@ export default class RateLimitsForm extends Component< { rateLimitType, ctx: this }, handlePerSecondChange )} - rateLimitLabel={i18n.t(`rate_limit_${rateLimitType}`)} rateLimitValue={this.state.form[rateLimitType]} rateLimitPerSecondValue={ this.state.form[`${rateLimitType}_per_second`] -- 2.44.1