From 01e740d525969f21d8c5ff2c06f9a6c0b1ebaea8 Mon Sep 17 00:00:00 2001
From: Karl Muller <karl.muller@ldc.fr>
Date: Fri, 20 Sep 2024 12:37:01 +0200
Subject: [PATCH] fix: :bug: sync mobile and desktop text in recipes search

---
 resources/ts/fo/components/SearchModelComponent.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/resources/ts/fo/components/SearchModelComponent.vue b/resources/ts/fo/components/SearchModelComponent.vue
index d03e3f82..0e2024c8 100644
--- a/resources/ts/fo/components/SearchModelComponent.vue
+++ b/resources/ts/fo/components/SearchModelComponent.vue
@@ -5,11 +5,11 @@
   >
     <!-- TEXTS MOBILE -->
     <div class="d-md-none col-12 col-md-7 col-xl-8 text-center">
-      <h2 ref="modelSubtitle">
+      <h2 ref="modelSubtitleMobile">
         {{ textsParameters.subtitle }}
       </h2>
       <p
-        ref="modelDescription"
+        ref="modelDescriptionMobile"
         v-html="textsParameters.description"
       />
     </div>
@@ -319,6 +319,8 @@ const filtersList = ref<HTMLDivElement|null>(null);
 const childrenList = ref<HTMLDivElement|null>(null);
 const modelSubtitle = ref<HTMLTitleElement|null>(null);
 const modelDescription = ref<HTMLParagraphElement|null>(null);
+const modelSubtitleMobile = ref<HTMLTitleElement|null>(null);
+const modelDescriptionMobile = ref<HTMLParagraphElement|null>(null);
 
 // * DATA
 
@@ -457,6 +459,8 @@ function updateTexts(newTitle: string|null = null): void {
     : filtersDetailsParameters.selectedModel;
   modelSubtitle.value!.textContent = String(((currentModelSelected !== null) ? currentModelSelected : textsParameters).subtitle);
   modelDescription.value!.innerHTML = String(((currentModelSelected !== null) ? currentModelSelected : textsParameters).description);
+  modelSubtitleMobile.value!.textContent = String(((currentModelSelected !== null) ? currentModelSelected : textsParameters).subtitle);
+  modelDescriptionMobile.value!.innerHTML = String(((currentModelSelected !== null) ? currentModelSelected : textsParameters).description);
   let parentTitle = (filtersDetailsParameters.selectedChildModel !== null)
     ? filtersDetailsParameters.selectedModel?.label + ", "
     : "";