From 545c12230369ae54a449a5558509cea43a8f40f2 Mon Sep 17 00:00:00 2001
From: Dominic Villemure <doumvil@hotmail.com>
Date: Fri, 5 Jul 2024 02:36:43 -0400
Subject: [PATCH] Search with enter. Also fix bug where searching when inside a
 creator page dont call the backend to search the new user

---
 src/views/main/Creator.vue | 18 +++++++++++++++---
 src/views/main/Header.vue  |  4 +++-
 2 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/views/main/Creator.vue b/src/views/main/Creator.vue
index 7168076..185620a 100644
--- a/src/views/main/Creator.vue
+++ b/src/views/main/Creator.vue
@@ -52,7 +52,7 @@ import PostCard from "@/views/main/PostCard.vue"
 import posts from "@/views/main/posts.json"
 import PostMessage from "@/views/messages/PostMessage.vue";
 import MessageList from "@/views/messages/MessageList.vue";
-import {onBeforeMount, ref} from "vue";
+import {onBeforeMount, ref, watch} from "vue";
 import {useClient} from "@/plugins/api.js";
 import {useRoute} from "vue-router";
 import CreatorBanner from "@/views/main/CreatorBanner.vue";
@@ -67,13 +67,25 @@ const user = ref(null);
 const loading = ref(true);
 
 onBeforeMount(async() => {
-  const response = await client.get(`/api/Users?UserName=${route.params.creator}`)
-  user.value = response.data
   setTimeout(() => {
     loading.value = false;
   }, 1500);
+  const response = await client.get(`/api/Users?UserName=${route.params.creator}`)
+  user.value = response.data
 })
 
+watch(
+    () => route.params.creator,
+    async () => {
+      loading.value = true;
+      setTimeout(() => {
+        loading.value = false;
+      }, 1000);
+      const response = await client.get(`/api/Users?UserName=${route.params.creator}`)
+      user.value = response.data
+    }
+);
+
 </script>
 
 <style scoped>
diff --git a/src/views/main/Header.vue b/src/views/main/Header.vue
index e11fdcd..b9d2214 100644
--- a/src/views/main/Header.vue
+++ b/src/views/main/Header.vue
@@ -39,7 +39,9 @@
             class="rounded-full w-32 md:w-64 lg:w-96 mx-2"
             append-inner-icon="mdi-magnify"
             @click.stop
-            @click:append-inner="onSearch">
+            @click:append-inner="onSearch"
+            @keyup.enter="onSearch"
+        >
         </v-text-field>
       </template>
       <template v-else>