diff --git a/src/components/Modal/index.tsx b/src/components/Modal/index.tsx index 3e9687a..9aab119 100644 --- a/src/components/Modal/index.tsx +++ b/src/components/Modal/index.tsx @@ -4,6 +4,7 @@ import { createPortal } from 'react-dom' import { BaseComponentProps } from '@models' import { Button } from '@components' import { noop } from '@lib/helper' +import { useI18n } from '@stores' import './style.scss' interface ModalProps extends BaseComponentProps { @@ -47,6 +48,9 @@ export function Modal (props: ModalProps) { children } = props + const { useTranslation } = useI18n() + const { t } = useTranslation('Modal') + const portalRef = useRef(document.createElement('div')) const maskRef = useRef() @@ -79,8 +83,8 @@ export function Modal (props: ModalProps) { { footer && (
- - + +
) } diff --git a/src/i18n/en_US.ts b/src/i18n/en_US.ts index 41936f9..a6c4677 100644 --- a/src/i18n/en_US.ts +++ b/src/i18n/en_US.ts @@ -94,5 +94,9 @@ export default { collapseText: 'Collapse', speedTestText: 'Speed Test', breakConnectionsText: 'Close connections which include the group' + }, + Modal: { + ok: 'Ok', + cancel: 'Cancel' } } diff --git a/src/i18n/zh_CN.ts b/src/i18n/zh_CN.ts index 17d44ae..29a0c71 100644 --- a/src/i18n/zh_CN.ts +++ b/src/i18n/zh_CN.ts @@ -94,5 +94,9 @@ export default { collapseText: '收起', speedTestText: '测速', breakConnectionsText: '切换时打断包含策略组的连接' + }, + Modal: { + ok: '确 定', + cancel: '取 消' } }