From c31e93eefd47da7be24fd473252fb3003ccdbe17 Mon Sep 17 00:00:00 2001
From: Vri <vrifox@vrifox.cc>
Date: Wed, 28 Jun 2023 21:08:37 +0200
Subject: [PATCH] synchie

---
 src/components/SearchBar.vue        |  1 -
 src/components/papers/TopicList.vue | 12 +++++++++---
 src/stores/index.ts                 |  6 +++---
 src/types/index.ts                  |  6 ++----
 4 files changed, 14 insertions(+), 11 deletions(-)

diff --git a/src/components/SearchBar.vue b/src/components/SearchBar.vue
index 45df913..cee4c41 100644
--- a/src/components/SearchBar.vue
+++ b/src/components/SearchBar.vue
@@ -36,5 +36,4 @@ onUpdated(() => updateSearch(searchValue, searchType))
       </div>
     </div>
   </form>
-  {{ searchValue + searchType }}
 </template>
\ No newline at end of file
diff --git a/src/components/papers/TopicList.vue b/src/components/papers/TopicList.vue
index a12321b..571b71d 100644
--- a/src/components/papers/TopicList.vue
+++ b/src/components/papers/TopicList.vue
@@ -6,13 +6,19 @@ import { computed, onMounted, onUpdated } from 'vue';
 const filteredData = computed(() => {
   const searchValue: string = state.search.value;
   let filteredTopics = state.topics
-  if (state.search.value !== '') {
+  let testi = null
+  
+  if (searchValue !== '') {
     filteredTopics = state.topics?.filter((topic: Topic) => {
       return topic.papers?.filter((paper) => {
-        paper.name.toLowerCase().includes(searchValue.toLowerCase()) /* || paper.content.toLowerCase().includes(searchValue.toLowerCase()) || paper.reference.toLowerCase().includes(searchValue.toLowerCase()) */
+        paper.name.toLowerCase().includes(searchValue.toLowerCase())
+        // || paper.content.toLowerCase().includes(searchValue.toLowerCase())
+        // || paper.reference.toLowerCase().includes(searchValue.toLowerCase())
+        testi = paper.name.toLowerCase().includes(searchValue.toLowerCase())
       })
     })
   }
+  console.log(testi)
   /* if (this.filter?.type !== '') {
     filteredTopics = filteredTopics.filter((topic: any) => {
       return topic.reference.includes(this.filter?.type.key) && topic.paper_type.includes(this.filter?.type.value)
@@ -43,7 +49,7 @@ onUpdated(() => {
 </script>
 
 <template>
-  {{ state.search.value }}
+  {{ filteredData }}
   <ul
     v-if="filteredDataLength > 0"
     class="w-full grid grid-flow-row gap-2 my-2"
diff --git a/src/stores/index.ts b/src/stores/index.ts
index 1d4f725..80db72f 100644
--- a/src/stores/index.ts
+++ b/src/stores/index.ts
@@ -13,7 +13,7 @@ interface State {
 export const state: State = reactive({
   papers: [],
   topics: [],
-  search: { value: ref(), type: ref() },
+  search: { value: '', type: '' },
   filter: [],
 })
 
@@ -33,8 +33,8 @@ export function getTopics() {
 
 export function updateSearch(searchValue: Ref, searchType: Ref) {
   state.search = {
-    value: searchValue,
-    type: searchType,
+    value: searchValue.value,
+    type: searchType.value,
   }
 }
 
diff --git a/src/types/index.ts b/src/types/index.ts
index f61d982..3d829f2 100644
--- a/src/types/index.ts
+++ b/src/types/index.ts
@@ -1,5 +1,3 @@
-import type { Ref } from "vue";
-
 export interface Topic {
   reference: string,
   papers: Array<Paper>,
@@ -18,8 +16,8 @@ export interface Paper {
 }
 
 export interface Search {
-  value: Ref,
-  type: Ref,
+  value: string,
+  type: string,
 }
 
 export interface Filter {