Initial Skynet premium portal suppport

src/App.jsx

@@ -1,5 +1,6 @@
 import React from 'react';
 import './App.css';
+import AddEditHost from './containers/AddEditHost/AddEditHost';
 import Box from './components/UI/Box/Box';
 import Configuration from './containers/Configuration/Configuration';
 import { connect } from 'react-redux';
@@ -176,6 +177,15 @@ class App extends IPCContainer {
       !this.props.DismissNewReleasesAvailable &&
       this.props.NewReleasesAvailable.length > 0;
 
+    const showAddEditHost =
+      !showDependencies &&
+      !this.props.DownloadActive &&
+      !showNewReleases &&
+      !this.props.RebootRequired &&
+      !this.props.DisplaySelectAppPlatform &&
+      !showUpgrade &&
+      this.props.DisplayAddEditHost;
+
     const showSkynetImport =
       !showConfig &&
       !showDependencies &&
@@ -204,6 +214,10 @@ class App extends IPCContainer {
         remoteSupported={remoteSupported}
       />
     );
+    const addEditHostDisplay = createModalConditionally(
+      showAddEditHost,
+      <AddEditHost />
+    );
     const pinnedManagerDisplay = createModalConditionally(
       showPinnedManager,
       <PinnedManager version={selectedVersion} />
@@ -358,6 +372,7 @@ class App extends IPCContainer {
         {upgradeDisplay}
         {pinnedManagerDisplay}
         {configDisplay}
+        {addEditHostDisplay}
         {infoDisplay}
         {confirmDisplay}
         {downloadDisplay}
@@ -378,6 +393,7 @@ const mapStateToProps = (state) => {
     AppBusyTransparent: state.common.AppBusyTransparent,
     AppReady: state.common.AppReady,
     DismissDependencies: state.install.DismissDependencies,
+    DisplayAddEditHost: state.host.DisplayAddEditHost,
     DisplayConfiguration: state.mounts.DisplayConfiguration,
     DisplayConfirmYesNo: state.common.DisplayConfirmYesNo,
     DisplayError: state.error.DisplayError,