#34: Allow cancelling/closing dependency installation if version count > 1

src/components/DependencyList/DependencyList.js

@@ -6,16 +6,19 @@ import Dependency from './Dependency/Dependency';
 import Box from '../UI/Box/Box';
 import {downloadItem} from '../../redux/actions/download_actions';
 import {extractFileNameFromURL} from '../../utils';
+import {setDismissDependencies} from '../../redux/actions/install_actions';
 
 const mapStateToProps = state => {
   return {
+    AllowDismissDependencies: state.relver.AllowDismissDependencies,
     MissingDependencies: state.install.MissingDependencies,
   };
 };
 
 const mapDispatchToProps = (dispatch) => {
   return {
-    downloadItem: (name, type, url, isWinFSP) => dispatch(downloadItem(name, type, url, isWinFSP))
+    downloadItem: (name, type, url, isWinFSP) => dispatch(downloadItem(name, type, url, isWinFSP)),
+    setDismissDependencies: dismiss => dispatch(setDismissDependencies(dismiss)),
   };
 };
 
@@ -28,8 +31,19 @@ export default connect(mapStateToProps, mapDispatchToProps)(props => {
     );
   });
 
+  let dismissDisplay;
+  if (props.AllowDismissDependencies) {
+    dismissDisplay = (
+      <div style={{float: 'right', margin: 0, paddingRight: '4px', boxSizing: 'border-box', display: 'block'}}>
+        <b style={{cursor: 'pointer'}}
+           onClick={()=>props.setDismissDependencies(true)}>X
+        </b>
+      </div>);
+  }
+
   return (
     <Box dxStyle={{width: '300px', height: 'auto', padding: '5px'}}>
+      {dismissDisplay}
       <div style={{width: '100%', height: 'auto', paddingBottom: '5px', boxSizing: 'border-box'}}>
         <h1 style={{width: '100%', textAlign: 'center', color: 'var(--text_color_error)'}}>Missing Dependencies</h1>
       </div>