Initial Skynet premium portal suppport

src/components/DependencyList/DependencyList.js

@@ -2,6 +2,7 @@ import React from 'react';
 import './DependencyList.css';
 import { connect } from 'react-redux';
 import * as Constants from '../../constants';
+import { createDismissDisplay } from '../../utils.jsx';
 import Dependency from './Dependency/Dependency';
 import Box from '../UI/Box/Box';
 import { downloadItem } from '../../redux/actions/download_actions';
@@ -45,33 +46,12 @@ export default connect(
     );
   });
 
-  const dismissDisplay = (
-    <div
-      style={{
-        float: 'right',
-        margin: 0,
-        paddingRight: '4px',
-        boxSizing: 'border-box',
-        display: 'block',
-      }}>
-      <a
-        href={'#'}
-        onClick={
-          props.AllowDismissDependencies
-            ? () => props.setDismissDependencies(true)
-            : (e) => e.preventDefault()
-        }
-        style={{
-          cursor: props.AllowDismissDependencies ? 'pointer' : 'no-drop',
-        }}>
-        X
-      </a>
-    </div>
-  );
-
   return (
     <Box dxStyle={{ width: '300px', height: 'auto', padding: '5px' }}>
-      {dismissDisplay}
+      {createDismissDisplay(
+        () => props.setDismissDependencies(true),
+        !props.AllowDismissDependencies
+      )}
       <div
         style={{
           width: '100%',