From 057f31de6cd0d911dad971e3b6c36fb74798bef8 Mon Sep 17 00:00:00 2001
From: Gamebrary <contact@gamebrary.com>
Date: Mon, 10 May 2021 13:19:24 -0700
Subject: [PATCH] notes page clean up

---
 src/pages/NotesPage.vue | 38 +++++++++++++++-----------------------
 1 file changed, 15 insertions(+), 23 deletions(-)

diff --git a/src/pages/NotesPage.vue b/src/pages/NotesPage.vue
index 26c52e9a..e08fdac8 100644
--- a/src/pages/NotesPage.vue
+++ b/src/pages/NotesPage.vue
@@ -2,25 +2,21 @@
 <!-- TODO: open notes from game modal on click? -->
 <template lang="html">
   <b-container>
-    <portal to="dock">
-      <div class="d-flex">
-        <b-form-input
-          v-if="!showEmptyState"
-          type="search"
-          style="max-width: 200px"
-          placeholder="Search notes"
-          v-model="search"
-        />
-
-        <!-- TODO: create add a note modal -->
-        <!-- <b-button variant="warning" class="ml-2" style="width: 120px;">
-          Add note
-        </b-button> -->
-      </div>
-    </portal>
     <page-title
       title="Notes"
-    />
+    >
+      <b-form-input
+        v-if="!showEmptyState"
+        type="search"
+        style="max-width: 200px"
+        placeholder="Search notes"
+        v-model="search"
+      />
+
+      <!-- <b-button>
+        Add note
+      </b-button> -->
+    </page-title>
 
     <empty-state
       v-if="showEmptyState"
@@ -86,14 +82,10 @@ export default {
           };
         })
         .filter(({ gameName, note }) => {
-          if (!this.search) {
-            return true;
-          }
+          if (!this.search) return true;
 
           const noteIsMatch = note && note.toLowerCase().includes(this.search.toLowerCase());
-          const titleIsMatch = gameName
-            && gameName.toLowerCase()
-              .includes(this.search.toLowerCase());
+          const titleIsMatch = gameName && gameName.toLowerCase().includes(this.search.toLowerCase());
 
           return noteIsMatch || titleIsMatch;
         });