sombochea/verdaccio-ui
1
0
Fork 1
mirror of https://github.com/SomboChea/ui synced 2026-01-19 01:25:51 +07:00
Code Issues Releases Wiki Activity

feat(i18n): added i18next for user interface translations (#432)

Browse Source
This commit is contained in:
Priscila Oliveira
2020-03-08 16:45:07 +01:00
committed by GitHub
parent 8d4b3cee7e
commit 7428384b55
76 changed files with 1114 additions and 720 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
src/components/RegistryInfoDialog/RegistryInfoDialog.tsx
View File

@@ -1,4 +1,5 @@
import React from 'react';
import { useTranslation } from 'react-i18next';
import Button from '../../muiComponents/Button';
import Dialog from '../../muiComponents/Dialog';
@@ -7,18 +8,19 @@ import DialogActions from '../../muiComponents/DialogActions';
import { Title, Content } from './styles';
import { Props } from './types';
const LABEL = 'CLOSE';
const RegistryInfoDialog: React.FC<Props> = ({ open = false, children, onClose }) => (
<Dialog data-testid={'registryInfo--dialog'} id="registryInfo--dialog-container" onClose={onClose} open={open}>
<Title disableTypography={true}>{'Register Info'}</Title>
<Content>{children}</Content>
<DialogActions>
<Button color="inherit" id="registryInfo--dialog-close" onClick={onClose}>
{LABEL}
</Button>
</DialogActions>
</Dialog>
);
const RegistryInfoDialog: React.FC<Props> = ({ open = false, children, onClose }) => {
const { t } = useTranslation();
return (
<Dialog data-testid={'registryInfo--dialog'} id="registryInfo--dialog-container" onClose={onClose} open={open}>
<Title disableTypography={true}>{t('dialog.registry-info.title')}</Title>
<Content>{children}</Content>
<DialogActions>
<Button color="inherit" id="registryInfo--dialog-close" onClick={onClose}>
{t('button.close')}
</Button>
</DialogActions>
</Dialog>
);
};
export default RegistryInfoDialog;