cubetiq/verdaccio-ui
1
0
Fork 0
forked from sombochea/verdaccio-ui
Code Issues Pull Requests 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

7
src/components/LoginDialog/LoginDialogHeader.tsx
View File

@@ -2,6 +2,7 @@ import React from 'react';
import styled from '@emotion/styled';
import LockOutlined from '@material-ui/icons/LockOutlined';
import CloseIcon from '@material-ui/icons/Close';
import { useTranslation } from 'react-i18next';
import Heading from '../../muiComponents/Heading';
import Avatar from '../../muiComponents/Avatar';
@@ -26,17 +27,19 @@ interface Props {
}
const LoginDialogHeader: React.FC<Props> = ({ onClose }) => {
const { t } = useTranslation();
return (
<Box alignItems="center" display="flex" flexDirection="column" position="relative">
{onClose && (
<StyledIconButton aria-label="Close" onClick={onClose}>
<StyledIconButton aria-label={t('button.close')} onClick={onClose}>
<CloseIcon />
</StyledIconButton>
)}
<StyledAvatar>
<LockOutlined />
</StyledAvatar>
<Heading>{'Sign in'}</Heading>
<Heading>{t('button.login')}</Heading>
</Box>
);
};