2019-10-03 15:27:08 +07:00
|
|
|
import React from 'react';
|
|
|
|
|
|
|
|
import { DistTags } from '../../../types/packageMeta';
|
2019-10-13 02:11:23 +07:00
|
|
|
import ListItem from '../../muiComponents/ListItem';
|
2019-10-13 03:26:56 +07:00
|
|
|
import List from '../../muiComponents/List';
|
2019-10-03 15:27:08 +07:00
|
|
|
|
2019-10-08 03:19:18 +07:00
|
|
|
import { Spacer, ListItemText } from './styles';
|
|
|
|
|
2019-10-03 15:27:08 +07:00
|
|
|
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;
|