From 6bde7fce560b07d60eff3f056ce3e61121a421c7 Mon Sep 17 00:00:00 2001
From: Fredrick W Warren <fredwarren@gmail.com>
Date: Wed, 10 Feb 2021 15:00:21 -0800
Subject: [PATCH] =?UTF-8?q?11.7=20Display=20=E2=80=9CNo=20search=20results?=
 =?UTF-8?q?=E2=80=9D=20&=20Hide=20the=20=E2=80=9CNo=20tasks=20today?=
 =?UTF-8?q?=E2=80=9D=20Banner?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/PageTodo.vue | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/pages/PageTodo.vue b/src/pages/PageTodo.vue
index 7110584..a852248 100644
--- a/src/pages/PageTodo.vue
+++ b/src/pages/PageTodo.vue
@@ -5,11 +5,15 @@
       <search />
     </div>
 
+    <p
+      v-if="search && !Object.keys(tasksTodo).length && !Object.keys(tasksCompleted).length">
+      No Search Results
+    </p>
     <noTasks
-      v-if="!Object.keys(tasksTodo).length" />
+      v-if="!Object.keys(tasksTodo).length && !search" />
 
     <tasks-todo
-      v-else
+      v-if="Object.keys(tasksTodo).length"
       :tasksTodo="tasksTodo" />
 
     <tasks-completed
@@ -34,7 +38,7 @@
 </template>
 
 <script>
-import { mapGetters } from 'vuex'
+import { mapGetters, mapState } from 'vuex'
 import tasksTodo from 'components/Tasks/TasksTodo.vue'
 import noTasks from 'components/Tasks/NoTasks.vue'
 import tasksCompleted from 'components/Tasks/TasksCompleted.vue'
@@ -56,7 +60,8 @@ export default {
     }
   },
   computed: {
-    ...mapGetters('tasks', ['tasksTodo', 'tasksCompleted'])
+    ...mapGetters('tasks', ['tasksTodo', 'tasksCompleted']),
+    ...mapState('tasks', ['search'])
   },
   mounted () {
     this.$root.$on('showAddTask', () => {