Format code (#7)

Format code
DannyFeliz · Nov 5, 2019 · f64e2ad · f64e2ad
2 parents 31a5ddf + d20ac86
commit f64e2ad
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 33 deletions.
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,3 @@
+{
+  "printWidth": 120
+}
diff --git a/src/App.vue b/src/App.vue
@@ -28,7 +28,6 @@ export default {
         "hggame.com",
         "hotmail.co.uk",
         "hotmail.com",
-        "hotmail.com",
         "hotmail.fr",
         "hotmail.it",
         "kcidc.com",
@@ -56,13 +55,7 @@ export default {
         "ymail.com",
         "ytgame.com"
       ],
-      defaultDomains: [
-        "gmail.com",
-        "hotmail.com",
-        "msn.com",
-        "outlook.com",
-        "yahoo.com"
-      ]
+      defaultDomains: ["gmail.com", "hotmail.com", "msn.com", "outlook.com", "yahoo.com"]
     };
   }
 };

diff --git a/src/components/EmailDropdown.vue b/src/components/EmailDropdown.vue
@@ -87,9 +87,7 @@ export default {
       return this.email.split("@")[1] || "";
     },
     fakeDomains() {
-      return this.domainsList.map(
-        domain => `${this.emailWithoutDomain}@${domain}`
-      );
+      return this.domainsList.map(domain => `${this.emailWithoutDomain}@${domain}`);
     },
     optionIsSelected() {
       return this.fakeDomains.includes(this.email);
@@ -98,9 +96,7 @@ export default {
       if (!this.includesAt) return [];
 
       if (!this.emailDomain.length && this.defaultDomains.length) {
-        return this.defaultDomains
-          .sort((a, b) => a.localeCompare(b))
-          .slice(0, this.maxSuggestions);
+        return this.defaultDomains.sort((a, b) => a.localeCompare(b)).slice(0, this.maxSuggestions);
       }
 
       return this.domains
@@ -126,9 +122,7 @@ export default {
         DOWN: 40
       };
       const eventObject = keycoder.fromEvent(event);
-      const isValidEventChar =
-        eventObject &&
-        !Object.values(INVALID_KEYS).includes(eventObject.charCode);
+      const isValidEventChar = eventObject && !Object.values(INVALID_KEYS).includes(eventObject.charCode);
 
       if (isValidEventChar) {
         const char = keycoder.eventToCharacter(event);
@@ -160,33 +154,23 @@ export default {
     },
 
     scroll(direction) {
-      if (!this.shouldShowList) return;
-      const length = this.domainsList.length;
+      if (!this.shouldShowList || this.shouldFocusInput(direction)) return;
 
-      if (this.shouldFocusInput(direction)) {
-        return;
-      }
-
-      if (direction == "up" && this.listIndex == 0) {
-        this.$refs.email.focus();
-        this.resetFocusFromList();
-        return;
-      }
+      const shouldScrollUp = direction == "up" && this.listIndex >= 1;
+      const shouldSchollDown = direction == "down" && this.listIndex < this.domainsList.length - 1;
 
       if (this.isFirstFocus) {
-        if (direction == "up" && this.listIndex >= 1) {
+        if (shouldScrollUp) {
           this.listIndex -= 1;
-        } else if (direction == "down" && this.listIndex < length - 1) {
+        } else if (shouldSchollDown) {
           this.listIndex += 1;
         }
       } else {
         this.isFirstFocus = true;
       }
 
       this.$nextTick(() => {
-        document
-          .querySelector(`[data-dropdown-item-index="${this.listIndex}"]`)
-          .focus();
+        document.querySelector(`[data-dropdown-item-index="${this.listIndex}"]`).focus();
       });
     }
   }