mirror of
https://github.com/SomboChea/ui
synced 2024-10-01 05:47:50 +07:00
62 lines
1.6 KiB
JavaScript
62 lines
1.6 KiB
JavaScript
|
/**
|
||
|
* @prettier
|
||
|
* @flow
|
||
|
*/
|
||
|
|
||
|
import { DetailContextConsumer } from '../../pages/version/index';
|
||
|
import { formatDateDistance } from '../../utils/package';
|
||
|
import { Heading, Spacer, ListItemText } from './styles';
|
||
|
import List from '@material-ui/core/List/index';
|
||
|
import ListItem from '@material-ui/core/ListItem/index';
|
||
|
import React from 'react';
|
||
|
import { DIST_TAGS } from '../../../lib/constants';
|
||
|
|
||
|
class Versions extends React.PureComponent<any> {
|
||
|
render() {
|
||
|
return (
|
||
|
// $FlowFixMe
|
||
|
<DetailContextConsumer>
|
||
|
{({ packageMeta }) => {
|
||
|
return this.renderContent(packageMeta[DIST_TAGS], packageMeta.versions);
|
||
|
}}
|
||
|
</DetailContextConsumer>
|
||
|
);
|
||
|
}
|
||
|
|
||
|
renderPackageList = (packages: any, isVersion: boolean = false) => (
|
||
|
<List>
|
||
|
{Object.keys(packages)
|
||
|
.reverse()
|
||
|
.map(version => (
|
||
|
<ListItem key={version}>
|
||
|
<ListItemText>{version}</ListItemText>
|
||
|
<Spacer />
|
||
|
<ListItemText>{isVersion ? `${formatDateDistance('2017-10-26T09:03:15.044Z')} ago` : packages[version]}</ListItemText>
|
||
|
</ListItem>
|
||
|
))}
|
||
|
</List>
|
||
|
);
|
||
|
|
||
|
// $FlowFixMe
|
||
|
renderContent(distTags: object, versions: object) {
|
||
|
return (
|
||
|
<>
|
||
|
{distTags && (
|
||
|
<>
|
||
|
<Heading variant={'subheading'}>{'Current Tags'}</Heading>
|
||
|
{this.renderPackageList(distTags)}
|
||
|
</>
|
||
|
)}
|
||
|
{versions && (
|
||
|
<>
|
||
|
<Heading variant={'subheading'}>{'Version History'}</Heading>
|
||
|
{this.renderPackageList(versions, true)}
|
||
|
</>
|
||
|
)}
|
||
|
</>
|
||
|
);
|
||
|
}
|
||
|
}
|
||
|
|
||
|
export default Versions;
|