Import/export skeleton

src/App.js

@@ -33,6 +33,8 @@ import {
 } from './redux/actions/release_version_actions';
 import YesNo from './components/YesNo/YesNo';
 import {createModalConditionally} from './utils';
+import SkynetImport from './containers/SkynetImport/SkynetImport';
+import {displaySkynetImport} from './redux/actions/skynet_actions';
 
 const Constants = require('./constants');
 const Scheduler = require('node-schedule');
@@ -138,6 +140,17 @@ class App extends IPCContainer {
       !this.props.DismissNewReleasesAvailable &&
       (this.props.NewReleasesAvailable.length > 0);
 
+    const showSkynetImport = !showConfig &&
+      !showDependencies &&
+      !this.props.DownloadActive &&
+      !this.props.DisplayError &&
+      !this.props.DisplayInfo &&
+      !showNewReleases &&
+      !this.props.RebootRequired &&
+      !this.props.DisplaySelectAppPlatform &&
+      !showUpgrade &&
+      this.props.DisplayImport;
+
     const configDisplay = createModalConditionally(showConfig, <Configuration version={selectedVersion} remoteSupported={remoteSupported} />);
     const confirmDisplay = createModalConditionally(this.props.DisplayConfirmYesNo, <YesNo/>);
     const dependencyDisplay = createModalConditionally(showDependencies, <DependencyList/>, false, this.props.InstallActive);
@@ -148,6 +161,7 @@ class App extends IPCContainer {
     const rebootDisplay = createModalConditionally(this.props.RebootRequired, <Reboot />);
     const selectAppPlatformDisplay = createModalConditionally(this.props.DisplaySelectAppPlatform, <SelectAppPlatform/>);
     const upgradeDisplay = createModalConditionally(showUpgrade, <UpgradeUI/>);
+    const importDisplay = createModalConditionally(showSkynetImport, <SkynetImport/>);
 
     let mainContent = [];
     if (this.props.DisplaySelectAppPlatform || !this.props.AppReady) {
@@ -211,6 +225,7 @@ class App extends IPCContainer {
             {mainContent}
           </div>
         </div>
+        {importDisplay}
         {newReleasesDisplay}
         {selectAppPlatformDisplay}
         {dependencyDisplay}
@@ -236,6 +251,7 @@ const mapStateToProps = state => {
     DisplayConfiguration: state.mounts.DisplayConfiguration,
     DisplayConfirmYesNo: state.common.DisplayConfirmYesNo,
     DisplayError: state.error.DisplayError,
+    DisplayImport: state.skynet.DisplayImport,
     DisplayInfo: state.error.DisplayInfo,
     DisplaySelectAppPlatform: state.common.DisplaySelectAppPlatform,
     DismissNewReleasesAvailable: state.relver.DismissNewReleasesAvailable,