added ipcMain handler and fs import for importComponent

Author: megatera

src-electron/electron-main.js

@@ -75,6 +75,12 @@ ipcMain.handle("exportComponent", async (event, arg) => {
   return result;
 });
 
+// Handle dialogs for importing a component
+ipcMain.handle("importComponent", async (event, arg) => {
+  const result = await dialog.showOpenDialog(arg);
+  return result;
+});
+
 
 // ************** Slack OAuth functions **********************
 // Sends request to Slack for User's information,

src/components/home_sidebar_items/ComponentTab/ImportComponent.vue

@@ -9,7 +9,7 @@
 </template>
 
 <script>
-
+const { fs, ipcRenderer } = window;
 export default {
 
   methods: {
@@ -21,8 +21,8 @@ export default {
     //renders the open file
     importComponent() {
       ipcRenderer
-        .invoke("openProject", {
-          properties: ["openProject"],
+        .invoke("importComponent", {
+          properties: ["openFile"],
           filters: [
             {
               name: "Vue Files",