feat: add typeScript support to enforce valid translation keys (#1954)

* #1952 Fix incorrect localization key for sign-up failure message

* feat: add typeScript support to enforce valid translation keys

* feat: add typeScript support to enforce valid translation keys

* fix lint errors

* fix lint error
This commit is contained in:
Ajay Kumbhare
2023-07-15 07:57:37 +05:30
committed by GitHub
parent 5e20094386
commit 1780225da5
58 changed files with 148 additions and 125 deletions

View File

@ -1,7 +1,7 @@
import { Button, Input, Typography } from "@mui/joy";
import { useEffect, useState } from "react";
import { toast } from "react-hot-toast";
import { useTranslation } from "react-i18next";
import { useTranslate } from "@/utils/i18n";
import * as api from "@/helpers/api";
import { generateDialog } from "./Dialog";
import Icon from "./Icon";
@ -14,7 +14,7 @@ interface Props extends DialogProps {
}
const CreateStorageServiceDialog: React.FC<Props> = (props: Props) => {
const { t } = useTranslation();
const t = useTranslate();
const { destroy, storage, confirmCallback } = props;
const [basicInfo, setBasicInfo] = useState({
name: "",
@ -106,7 +106,9 @@ const CreateStorageServiceDialog: React.FC<Props> = (props: Props) => {
return (
<>
<div className="dialog-header-container">
<span className="title-text ml-auto">{t("setting.storage-section." + (isCreating ? "create" : "update") + "-storage")}</span>
<span className="title-text ml-auto">
{t(isCreating ? "setting.storage-section.create-storage" : "setting.storage-section.update-storage")}
</span>
<button className="btn close-btn ml-auto" onClick={handleCloseBtnClick}>
<Icon.X />
</button>
@ -219,7 +221,7 @@ const CreateStorageServiceDialog: React.FC<Props> = (props: Props) => {
{t("common.cancel")}
</Button>
<Button onClick={handleConfirmBtnClick} disabled={!allowConfirmAction()}>
{t("common." + (isCreating ? "create" : "update"))}
{t(isCreating ? "common.create" : "common.update")}
</Button>
</div>
</div>