Initial commit

src/components/DependencyList/DependencyList.js

@@ -0,0 +1,27 @@
+import React from 'react';
+import CSSModules from 'react-css-modules';
+import styles from './DependencyList.css';
+import Dependency from './Dependency/Dependency';
+import Box from '../UI/Box/Box';
+
+export default CSSModules((props) => {
+  const items = props.dependencies.map((k, i)=> {
+    return (
+      <Dependency allowDownload={props.allowDownload}
+                  key={i}
+                  name={k.display}
+                  download={k.download}
+                  onDownload={props.onDownload}/>
+    );
+  });
+
+  return (
+    <Box dxDark dxStyle={{width: '300px', height: 'auto', padding: '5px'}}>
+      <div style={{width: '100%', height: 'auto', paddingBottom: '5px', boxSizing: 'border-box'}}>
+        <h1 style={{width: '100%', textAlign: 'center'}}>Missing Dependencies</h1>
+      </div>
+      {items}
+    </Box>
+  );
+
+}, styles, {allowMultiple: true});