Skynet export/import skeleton

src/containers/MountItems/MountItem/MountItem.js

@@ -8,7 +8,15 @@ import Text from '../../../components/UI/Text/Text';
 import Grid from '../../../components/UI/Grid/Grid';
 import configureImage from '../../../assets/images/configure.png';
 import RootElem from '../../../components/UI/RootElem/RootElem';
-import {displayConfiguration, removeRemoteMount, setProviderState} from '../../../redux/actions/mount_actions';
+import {
+  displayConfiguration,
+  removeRemoteMount,
+  setProviderState
+} from '../../../redux/actions/mount_actions';
+import {
+  displaySkynetExport,
+  displaySkynetImport,
+} from '../../../redux/actions/skynet_actions'
 import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
 import { faTrashAlt} from '@fortawesome/free-solid-svg-icons';
 import CheckBox from '../../../components/UI/CheckBox/CheckBox';
@@ -24,6 +32,8 @@ const mapStateToProps = (state, ownProps) => {
 const mapDispatchToProps = dispatch => {
   return {
     displayConfiguration: (provider, remote) => dispatch(displayConfiguration(provider, remote)),
+    displaySkynetExport: () => dispatch(displaySkynetExport()),
+    displaySkynetImport: () => dispatch(displaySkynetImport()),
     removeRemoteMount: provider => dispatch(removeRemoteMount(provider)),
     setProviderState: (provider, state) => dispatch(setProviderState(provider, state)),
   }
@@ -125,7 +135,8 @@ export default connect(mapStateToProps, mapDispatchToProps)(props => {
               row={secondRow}
               rowSpan={7}>
       <CheckBox changed={handleAutoMountChanged}
-                checked={props.PState.AutoMount} label={'Auto-mount'}/>
+                checked={props.PState.AutoMount}
+                label={'Auto-mount'}/>
     </RootElem>
   );
 
@@ -171,6 +182,24 @@ export default connect(mapStateToProps, mapDispatchToProps)(props => {
           rowSpan={5}
           text={props.remote ? props.provider.substr(6) : props.provider}
           type={'Heading2'}/>
+        {(props.provider === 'Skynet') ? (
+          <a href={'#'}
+             col={configButton ? 24 : 18}
+             onClick={props.MState.AllowMount ? () => props.displaySkynetExport() : e => {e.preventDefault();}}
+             rowSpan={5}
+             style={{...pointer}}>
+            <u>Export</u>
+          </a>
+        ) : null}
+        {(props.provider === 'Skynet') ? (
+          <a href={'#'}
+             col={configButton ? 24 + 13 : 18 + 13}
+             onClick={props.MState.AllowMount ? () => props.displaySkynetImport() : e => {e.preventDefault();}}
+             rowSpan={5}
+             style={{...pointer}}>
+            <u>Import</u>
+          </a>
+        ) : null}
         {inputControls}
         {actionsDisplay}
         {autoMountControl}

src/redux/actions/skynet_actions.js

@@ -0,0 +1,13 @@
+
+
+export const displaySkynetExport = () => {
+  return dispatch => {
+
+  };
+};
+
+export const displaySkynetImport = () => {
+  return dispatch => {
+
+  };
+};