fix: Mobx array out of range (#559)

Author: sunnywx

src/pages/Dashboard/Apps/Deploy/index.jsx

@@ -65,15 +65,18 @@ export default class AppDeploy extends Component {
 
     if (!isK8s) {
       appDeployStore.runtimeId = _.get(
-        appDeployStore.runtimes[0],
-        'runtime_id'
+        appDeployStore.runtimes.slice(),
+        '[0].runtime_id'
       );
       await appDeployStore.fetchSubnetsByRuntime(appDeployStore.runtimeId);
     }
 
     // fetch versions
     await appDeployStore.fetchVersions({ app_id: [appId] });
-    appDeployStore.versionId = _.get(appDeployStore.versions[0], 'version_id');
+    appDeployStore.versionId = _.get(
+      appDeployStore.versions.slice(),
+      '[0].version_id'
+    );
     await appDeployStore.fetchFilesByVersion(appDeployStore.versionId, isK8s);
 
     if (!isK8s && !_.isEmpty(appDeployStore.configJson)) {

src/pages/SSHKeys/index.jsx

@@ -40,7 +40,7 @@ export default class SSHKeys extends Component {
     sshKeyStore.userId = user.user_id;
     await sshKeyStore.fetchKeyPairs();
 
-    const nodeIds = get(sshKeyStore.keyPairs[0], 'node_id', '');
+    const nodeIds = get(sshKeyStore.keyPairs.slice(), '[0].node_id', '');
     clusterDetailStore.nodeIds = nodeIds || ['0'];
     if (nodeIds) {
       await clusterStore.fetchAll({
@@ -92,7 +92,7 @@ export default class SSHKeys extends Component {
         const keyPairs = sshKeyStore.keyPairs.filter(
           item => item.key_pair_id === currentPairId
         );
-        const nodeIds = get(keyPairs[0], 'node_id', '');
+        const nodeIds = get(keyPairs.slice(), '[0].node_id', '');
         await fetchNodes({ node_id: nodeIds || 0 });
       }, 3000);
     }

src/stores/key_pair/index.js

@@ -51,8 +51,8 @@ export default class KeyPairStore extends Store {
     this.keyPairs = _.get(result, 'key_pair_set', []);
 
     if (!this.currentPairId || this.currentPairId === this.pairId) {
-      this.nodeIds = _.get(this.keyPairs[0], 'node_id', '');
-      this.currentPairId = _.get(this.keyPairs[0], 'key_pair_id', '');
+      this.nodeIds = _.get(this.keyPairs.slice(), '[0].node_id', '');
+      this.currentPairId = _.get(this.keyPairs.slice(), '[0].key_pair_id', '');
     }
 
     this.isLoading = false;