1
0
Fork 1
mirror of https://github.com/SomboChea/ui synced 2024-06-16 08:29:41 +07:00
verdaccio-ui/src/components/Versions/VersionsTagList.tsx
2019-10-12 22:26:56 +02:00

28 lines
657 B
TypeScript

import React from 'react';
import { DistTags } from '../../../types/packageMeta';
import ListItem from '../../muiComponents/ListItem';
import List from '../../muiComponents/List';
import { Spacer, ListItemText } from './styles';
interface Props {
tags: DistTags;
}
const VersionsTagList: React.FC<Props> = ({ tags }) => (
<List dense={true}>
{Object.keys(tags)
.reverse()
.map(tag => (
<ListItem className="version-item" key={tag}>
<ListItemText>{tag}</ListItemText>
<Spacer />
<ListItemText>{tags[tag]}</ListItemText>
</ListItem>
))}
</List>
);
export default VersionsTagList;