From 6cd4a91ec777d73c0eee2ee04ef1b852a534e321 Mon Sep 17 00:00:00 2001
From: Anatoly <akopyl@radner.ru>
Date: Sat, 6 Nov 2021 00:24:59 +0300
Subject: [PATCH] New category input improvements

---
 src/components/TheCategoryBar.vue | 12 +++++++++---
 src/store/index.js                |  1 +
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/components/TheCategoryBar.vue b/src/components/TheCategoryBar.vue
index 52cda3d..368ef72 100644
--- a/src/components/TheCategoryBar.vue
+++ b/src/components/TheCategoryBar.vue
@@ -5,7 +5,8 @@
       v-model="newCategory"
       placeholder="New category"
       @keypress.enter="addCategory"
-      @mouseenter="newCategory = ''"
+      @click="hoverInput"
+      @mouseenter="hoverInput"
       @mouseleave="blurInput"
     />
     <div class="categories">
@@ -44,11 +45,16 @@ export default {
     removeCategory(category) {
       this.$store.commit('removeCategory', category);
       if (category === this.selectedCategory) {
-        this.selectedCategory();
+        this.selectCategory();
       }
     },
+    hoverInput(event) {
+      this.newCategory = '';
+      event.target.classList.add('hover');
+    },
     blurInput(event) {
       this.newCategory = '+';
+      event.target.classList.remove('hover');
       event.target.blur();
     },
     stringToColor(str) {
@@ -93,7 +99,7 @@ export default {
     box-sizing: border-box;
     transition: width 0.6s;
 
-    &:hover {
+    &.hover {
       width: 220px;
     }
   }
diff --git a/src/store/index.js b/src/store/index.js
index ec2ffe6..7935760 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -10,6 +10,7 @@ export default createStore({
     categories: [],
     tasks: [],
     midnightReset: false,
+    lastReset: undefined,
     darkTheme: true,
   },
   mutations: {