import React, { FC, useContext } from 'react';
import { useTranslation } from 'react-i18next';
import { DetailContext } from '../../pages/Version';
import { isEmail } from '../../utils/url';
import Avatar from '../../muiComponents/Avatar';
import List from '../../muiComponents/List';
import { getAuthorName } from '../../utils/package';
import { StyledText, AuthorListItem, AuthorListItemText } from './styles';
const Author: FC = () => {
const { packageMeta } = useContext(DetailContext);
const { t } = useTranslation();
if (!packageMeta) {
return null;
}
const { author, name: packageName, version } = packageMeta.latest;
if (!author) {
return null;
}
const { email, name } = author;
const avatarComponent = ;
return (
{t('sidebar.author.title')}}>
{!email || !isEmail(email) ? (
avatarComponent
) : (
{avatarComponent}
)}
{name && }
);
};
export default Author;