forked from sombochea/verdaccio-ui
40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
import React from 'react';
|
|
import { useTranslation } from 'react-i18next';
|
|
|
|
import { Versions, Time } from '../../../types/packageMeta';
|
|
import { formatDateDistance } from '../../utils/package';
|
|
import List from '../../muiComponents/List';
|
|
import ListItem from '../../muiComponents/ListItem';
|
|
|
|
import { Spacer, ListItemText, StyledLink } from './styles';
|
|
|
|
interface Props {
|
|
versions: Versions;
|
|
packageName: string;
|
|
time: Time;
|
|
}
|
|
|
|
const VersionsHistoryList: React.FC<Props> = ({ versions, packageName, time }) => {
|
|
const { t } = useTranslation();
|
|
|
|
return (
|
|
<List dense={true}>
|
|
{Object.keys(versions)
|
|
.reverse()
|
|
.map(version => (
|
|
<ListItem className="version-item" key={version}>
|
|
<StyledLink to={`/-/web/detail/${packageName}/v/${version}`}>
|
|
<ListItemText>{version}</ListItemText>
|
|
</StyledLink>
|
|
<Spacer />
|
|
<ListItemText>
|
|
{time[version] ? formatDateDistance(time[version]) : t('versions.not-available')}
|
|
</ListItemText>
|
|
</ListItem>
|
|
))}
|
|
</List>
|
|
);
|
|
};
|
|
|
|
export default VersionsHistoryList;
|