/* eslint-disable */
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;