@appscode/design-system 1.0.43-alpha.112 → 1.0.43-alpha.113

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appscode/design-system",
-  "version": "1.0.43-alpha.112",
+  "version": "1.0.43-alpha.113",
   "description": "A design system for Appscode websites and dashboards made using Bulma",
   "main": "main.scss",
   "scripts": {

package/vue-components/v2/editor/FilteredFileEditor.vue

@@ -93,7 +93,7 @@ export default {
       const activeFile = this.filteredYamls.find(
         element => element.uid === this.activeKey
       );
-      return activeFile || { content: "No resource available", format: "yaml" };
+      return activeFile || { content: "", format: "yaml" };
     },
     filteredYamls() {
       if (this.searchText) {
@@ -101,13 +101,21 @@ export default {
           element => JSON.stringify(element).search(this.searchText) > -1
         );
       } else return this.previewYamls;
+    },
+    isKeyAvailable() {
+      const val = this.previewYamls.find(element => {
+        return element.uid === this.activeKey;
+      });
+      return val === undefined ? false : true;
     }
   },
   methods: {
     initActivePreview() {
-      this.activeKey = this.previewYamls[0].uid;
-      this.hideValue = this.activeFile.isSecret;
-      this.$emit("setActiveKey", this.activeKey);
+      if (!this.isKeyAvailable) {
+        this.activeKey = this.previewYamls[0].uid;
+        this.hideValue = this.activeFile.isSecret;
+        this.$emit("setActiveKey", this.activeKey);
+      }
     },
     setActivePreview(uid) {
       this.activeKey = uid;