From 1fe13e520847f4ce861fbc5b90638dffaebb2e17 Mon Sep 17 00:00:00 2001
From: Mohammad Mahdi <mmm.6831.allah@gmail.com>
Date: Fri, 31 Oct 2025 18:36:24 +0330
Subject: [PATCH] Fix filters store

---
 src/App.vue                     |  4 ++--
 src/components/MediaFilters.vue |  9 ++++-----
 src/views/AddView.vue           | 26 +++++++++++++++++++-------
 3 files changed, 25 insertions(+), 14 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index fc5db3e..b7634e6 100755
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import '@/style.css'
 import NavBar from './components/NavBar.vue'
-import { SpeedInsights } from "@vercel/speed-insights/vue"
+import { SpeedInsights } from '@vercel/speed-insights/vue'
 </script>
 
 <template>
-  <SpeedInsights/>
+  <SpeedInsights />
   <NavBar />
 
   <RouterView />
diff --git a/src/components/MediaFilters.vue b/src/components/MediaFilters.vue
index 1ed0aa9..1ed5449 100755
--- a/src/components/MediaFilters.vue
+++ b/src/components/MediaFilters.vue
@@ -3,7 +3,7 @@ import type { SearchFilters } from '@/types/SearchFilters'
 import { reactive, watch } from 'vue'
 
 const props = defineProps<{
-  modelValue?: SearchFilters // optional initial value
+  modelValue: SearchFilters // optional initial value
 }>()
 
 const emit = defineEmits<{
@@ -11,9 +11,9 @@ const emit = defineEmits<{
 }>()
 
 const local = reactive<SearchFilters>({
-  includeAdult: props.modelValue?.includeAdult ?? false,
-  onlyMovies: props.modelValue?.onlyMovies ?? true,
-  onlySeries: props.modelValue?.onlySeries ?? false,
+  includeAdult: props.modelValue?.includeAdult,
+  onlyMovies: props.modelValue?.onlyMovies,
+  onlySeries: props.modelValue?.onlySeries,
 })
 
 function toggleIncludeAdult(e: Event) {
@@ -34,7 +34,6 @@ function toggleOnlySeries(e: Event) {
   local.onlySeries = checked
 }
 
-
 watch(
   () => ({ ...local }),
   (next) => {
diff --git a/src/views/AddView.vue b/src/views/AddView.vue
index 2302a55..4f5a68c 100755
--- a/src/views/AddView.vue
+++ b/src/views/AddView.vue
@@ -18,10 +18,12 @@ const isLoadingMore = ref(false)
 
 const state = useSearchPageStore()
 const store = useMediaStore()
+
+// Initialize filters with stored values from the state, defaulting to initial values if not available
 const filters = ref<SearchFilters>({
-  includeAdult: false,
-  onlyMovies: true,
-  onlySeries: false,
+  includeAdult: state.searchFilters?.includeAdult ?? false,
+  onlyMovies: state.searchFilters?.onlyMovies ?? true,
+  onlySeries: state.searchFilters?.onlySeries ?? false,
 })
 
 const handleAddMedia = (media: MediaType) => {
@@ -37,7 +39,6 @@ async function searchMovie() {
     isSearching.value = true
     searchPage.value = 1
     const result = await loadMedia(searchQuery.value, searchPage.value, filters.value)
-    console.log(result)
     if (result.totalResults === 0) {
       medias.value = []
       seachError.value = 'No results found'
@@ -46,7 +47,7 @@ async function searchMovie() {
     seachError.value = ''
     medias.value = result.Results
 
-    state.setState(searchPage.value, searchQuery.value, result.Results)
+    state.setState(searchPage.value, searchQuery.value, result.Results, filters.value)
   } catch (error) {
     medias.value = []
     console.error(error)
@@ -62,7 +63,12 @@ async function loadMore() {
     searchPage.value++
     const result = await loadMedia(searchQuery.value, searchPage.value, filters.value)
     medias.value?.push(...result.Results)
-    state.setState(searchPage.value, searchQuery.value, medias.value ? medias.value : [])
+    state.setState(
+      searchPage.value,
+      searchQuery.value,
+      medias.value ? medias.value : [],
+      filters.value,
+    )
   } catch (error) {
     searchPage.value = 1
     seachError.value = (error as Error).message
@@ -101,6 +107,12 @@ watch(searchQuery, () => {
 
 watch(filters, () => {
   if (searchQuery.value.length > 2) {
+    state.setState(
+      searchPage.value,
+      searchQuery.value,
+      medias.value ? medias.value : [],
+      filters.value,
+    )
     searchMovie()
   }
 })
@@ -118,7 +130,7 @@ watch(filters, () => {
     <!-- Search bar -->
     <SearchBar v-model="searchQuery" @submit="searchMovie" />
 
-    <MediaFilters @update:filters="(f) => (filters = f)" />
+    <MediaFilters @update:filters="(f) => (filters = f)" :modelValue="filters" />
 
     <!-- Loading spinner -->
     <div v-if="isSearching" class="flex justify-center my-16">