Fixed issue where export component functionality in nav bar was triggering export project functionality. Issue was due to methods in files having the same name

Author: Julia Bakerink

src/components/ExportComponentMixin.vue

@@ -1,14 +1,14 @@
 <script>
 export default {
   methods: {
-    showExportDialog() {
+    showExportComponentDialog() {
       ipcRenderer
         .invoke("exportComponent", {
           title: "Choose location to save folder in",
           message: "Choose location to save folder in",
           nameFieldLabel: "Component Name",
         })
-        .then((result) => this.exportFile(result.filePath))
+        .then((result) => this.exportComponentFile(result.filePath))
         .catch((err) => console.log(err));
     },
     /**
@@ -196,7 +196,7 @@ export default {
       return `\n\n<style scoped>\n</style>`;
     },
 
-    exportFile(data) {
+    exportComponentFile(data) {
       if (data === undefined) return;
       if (!fs.existsSync(data)) {
         fs.mkdirSync(data);
@@ -212,7 +212,7 @@ export default {
     },
     // OVERVUE 6.0: export active component
     handleExportComponent(event) {
-      this.showExportDialog();
+      this.showExportComponentDialog();
     },
   },
 };

src/components/file_system_interface/ExportProject.vue

@@ -31,7 +31,7 @@ export default {
   name: "ExportProjectComponent",
   mixins: [handleExportComponentMixin],
   methods: {
-    showExportDialog() {
+    showExportProjectDialog() {
       ipcRenderer
         .invoke("exportProject", {
           title: "Choose location to save folder in",
@@ -42,7 +42,7 @@ export default {
         .catch((err) => console.log(err));
     },
     exportProject: function () {
-      this.showExportDialog();
+      this.showExportProjectDialog();
     },
     /**
      * @description creates the router.js file
@@ -504,7 +504,7 @@ export default {
     },
   },
   computed: {
-    ...mapState(["componentMap", "imagePath", "routes", "exportAsTypescript"]),
+    ...mapState(["componentMap", "imagePath", "routes", "exportAsTypescript", "activeComponent"]),
   },
 };
 </script>