cleaned up commented out code and console.logs, fixed some styling in nav

Author: Julia Bakerink

src-electron/electron-main.js

@@ -111,18 +111,14 @@ function sendTokenRequest() {
 
   // Listens for response from token request
   request.on("response", (response) => {
-    // logEverywhere("request.on response received");
     response.on("end", () => {
-      // logEverywhere("Response ended ");
     });
     response.on("data", (data) => {
       const decoded = JSON.parse(data.toString());
       if (decoded.error) {
         return slackErrorHandler(decoded.error);
       }
-      // console.log('Is there an error? ', !!decoded.error, 'if true, this shouldnt be logging')
       mainWindow.webContents.send("tokenReceived", decoded);
-      // getSlackUser(decoded.access_token, decoded.authed_user.id)
     });
   });
   request.end();
@@ -143,27 +139,22 @@ function getSlackUser(token, userId) {
   });
   request.on("response", (response) => {
     response.on("end", () => {
-      // logEverywhere('User data recieved')
     });
     response.on("data", (data) => {
       const decoded = JSON.parse(data.toString());
       if (decoded.error) {
         return slackErrorHandler(decoded.error);
       }
-      // logEverywhere('slackUser decoded data in getSlackUser' + decoded)
       mainWindow.webContents.send("slackUser", decoded);
     });
   });
   request.end();
 }
 
 function setOauthListener() {
-  // logEverywhere(`process.env.SLACK_CLIENT_ID in electron-main:  ${process.env.SLACK_CLIENT_ID}`);
-  // logEverywhere(`process.env.SLACK_CLIENT_SECRET in electron-main:  ${process.env.SLACK_CLIENT_SECRET}`);
 
   if (process.env.PROD) {
     return deeplink.on("received", (link) => {
-      // logEverywhere(`auth worked here link: ${link}`);
       // Extracts Slack authorization code from deep link
       authCode = link.split("=")[1];
       sendTokenRequest();

src/components/dashboard_items/CodeSnippet.vue

@@ -77,10 +77,6 @@ export default {
     },
     // Creates beginner boilerplate
     createTemplate(componentName) {
-      // not sure why output was set up like this, was imputted into return statement
-      // using string literal
-      // let output = ``
-      // output += ` <div>\n`
       let templateTagStr = this.writeTemplateTag(componentName);
       return `<template>\n  <div>\n${templateTagStr}  </div>\n</template>`;
     },
@@ -138,7 +134,6 @@ export default {
       // eslint-disable-next-line no-unused-vars
       for (let el of htmlArr) {
         if (!el.text) {
-          // console.log(htmlArr)
           outputStr += `    <${el}/>\n`;
         } else {
           outputStr += `    `;

src/components/dashboard_items/HTMLQueue.vue

@@ -8,7 +8,6 @@ Description:
   <section class="html-queue">
     <span class='list-title' v-if='this.activeLayer.id !== ""'>
       <i class="fas fa fa-chevron-up fa-md" @click="setParentLayer"></i>
-      <!-- <button v-if='this.activeLayer.id' @click="upOneLayer">Up</button>  -->
       &nbsp; &nbsp; Viewing Elements in {{this.activeComponent}} '{{ depth }}'
       <hr> 
     </span>

src/components/file_system_interface/ExportProject.vue

@@ -15,7 +15,7 @@ Description:
       <div class="settings-dropdown column items-center"> 
       <p class="center">Export:</p>
       <q-btn class="menu-btn" no-caps color="secondary" label="Project" @click="exportProject"/> 
-      <q-btn class="menu-btn" no-caps color="secondary" label="Active Component" @click="useExportComponentBound" :disabled="!activeComponent.trim()"/> 
+      <q-btn class="active-comp-btn" no-caps color="secondary" label="Active Component" @click="useExportComponentBound" :disabled="!activeComponent.trim()"/> 
       </div>
     </q-menu>
 
@@ -489,7 +489,6 @@ export default {
       if (data === undefined) return;
       if (!fs.existsSync(data)) {
         fs.mkdirSync(data);
-        // console.log(`data: ${data}`); // displays the directory path
         fs.mkdirSync(path.join(data, "public"));
         fs.mkdirSync(path.join(data, "src"));
         fs.mkdirSync(path.join(data, "src", "assets"));
@@ -565,5 +564,10 @@ export default {
   box-sizing: border-box;
 }
 
+.active-comp-btn{
+  width: 80%;
+  margin: 5px 0px 15px;
+}
+
 
 </style>

src/components/file_system_interface/OpenProjectComponent.vue

@@ -10,8 +10,7 @@ Description:
       <div class="settings-dropdown column items-center"> 
       <p class="center">Import:</p>
       <q-btn class="menu-btn" no-caps color="secondary" label="Project JSON" @click="openProjectJSON"/> 
-      <ImportComponent class="import-comp" no-caps title="Component"/>
-      <!-- <q-btn class="menu-btn" no-caps color="secondary" label="Component" @click="exportProject"/>  -->
+      <ImportComponent id="import-btn" no-caps title="Component"/>
       </div>
     </q-menu>
 
@@ -74,8 +73,18 @@ export default {
   margin: 5px 0px;
 }
 
-.import-comp{
-  width: 80% !important;
-  margin: 10px 0px;
+#import-btn{
+  width: 80%;
+  margin: 10px 0px 15px;
+}
+
+.center{
+  display:inline-block;
+  text-align: center;
+  margin-top: 10px;
+  margin-bottom: 5px;
+  font-weight: bold;
+  color: white;
+  box-sizing: border-box;
 }
 </style>

src/components/file_system_interface/SaveProjectComponent.vue

@@ -56,7 +56,6 @@ export default {
     parseAndDelete(htmlList) {
       htmlList.forEach((element) => {
         if (!Array.isArray(element.children))
-          console.log("This should be an array", element.children);
         if (element.children.length > 0) {
           this.parseAndDelete(element.children);
         }
@@ -122,7 +121,6 @@ export default {
         );
         localforage.getItem("slackWebhookURL", (err, value) => {
           // TODO: handle error
-          console.log("error: ", err);
           if (value) this.notifySlack(fileName, value);
         });
       }

src/components/home_sidebar_items/ComponentTab/ComponentActions.vue

@@ -91,7 +91,6 @@ export default {
     // Prevent Delete on changes to searchable multiselect
     stopDelete(e) {
       if (e.code === "Backspace") e.stopPropogation();
-      // console.log(e);
     },
     // adds an action to the currently selected component
     addActionToComp() {

src/components/home_sidebar_items/ComponentTab/CreateComponentHTMLQueue.vue

@@ -6,15 +6,10 @@ Description:
 
 <template>
   <section class="html-queue">
-    <!-- <i v-if='!this.activeLayer.id' class="fas fa fa-chevron-up fa-md" @click="setParentLayer"></i> -->
-    <!-- <span class='list-title' v-if='this.activeLayer.id !== ""'> Viewing Elements in '{{ depth }}' </span>
-    <span class='list-title' v-else-if='!this.activeComponent'></span> -->
-    <!-- <hr> -->
     <div
       group="people"
       class="list-group"
     >
-      <!-- <p v-if='!this.componentMap[this.activeComponent]?.htmlList.length'>No HTML elements in component</p> -->
       <div
       :class="activeHTML === element[2] ? 'list-group-item-selected' : 'list-group-item'"
       @dblclick.self="setActiveElement(element)"

src/components/home_sidebar_items/ComponentTab/ImportComponent.vue

@@ -32,7 +32,7 @@ export default {
   methods: {
     //emitter to send the importedObj to CreateComponent when fully parsed.
     createImport(importObj){
-      useCreateComponent.bind(this)(importObj) //this is where we will want to invoke the composabreplacele
+      useCreateComponent.bind(this)(importObj) //this is where we will want to invoke the composable
     },
     ...mapActions([
       "registerComponent",
@@ -278,11 +278,11 @@ export default {
 
 </script>
 
-<style scoped>
-#import-component-btn{
-  width: 100%;
-  margin: 10px 0px 20px;
-}
+ <style>
+ #import-component-btn{
+   width: 100%;
+   margin: 10px 0px 15px; 
+   }
 </style>
 
 

src/components/home_sidebar_items/StoreTab/StoreTab.vue

@@ -166,7 +166,6 @@ export default {
     },
     // Delete a selected state in the store
     deleteState(state) {
-      // console.log('state: ', state);
       this.deleteUserState(state);
     },
   },