/**
* @prettier
*/
import React, { Component } from 'react';
import Avatar from '@material-ui/core/Avatar/index';
import Grid from '@material-ui/core/Grid/index';
import List from '@material-ui/core/List/index';
import ListItemText from '@material-ui/core/ListItemText/index';
import { DetailContextConsumer } from '../../pages/version/index';
import { Heading, EngineListItem } from './styles';
import node from './img/node.png';
import npm from '../Install/img/npm.svg';
const ICONS = {
'node-JS': ,
'NPM-version': ,
};
class Engine extends Component {
render() {
return (
{context => {
return this.renderEngine(context);
}}
);
}
renderEngine = ({ packageMeta }) => {
const { engines } = packageMeta.latest;
if (!engines) {
return null;
}
const engineDict = {
'node-JS': engines.node,
'NPM-version': engines.npm,
};
const items = Object.keys(engineDict).reduce((markup, text, key) => {
const heading = engineDict[text];
if (heading) {
markup.push(
{this.renderListItems(heading, text)}
);
}
return markup;
}, []);
if (items.length < 1) {
return null;
}
return {items};
};
renderListItems = (heading, text) => {
return (
{text.split('-').join(' ')}}>
{ICONS[text]}
);
};
}
export default Engine;