From 078269ed9177cd3fb2a5ff209fd80994dae78e7d Mon Sep 17 00:00:00 2001
From: lunars97 <alekbarova.aizhana@gmail.com>
Date: Tue, 4 Mar 2025 08:53:43 +0100
Subject: [PATCH] 3117: Fix search term half-stays on language change

---
 web/src/components/SearchInput.tsx | 2 +-
 web/src/routes/SearchPage.tsx      | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/web/src/components/SearchInput.tsx b/web/src/components/SearchInput.tsx
index f25cada8d1..0e694b3240 100644
--- a/web/src/components/SearchInput.tsx
+++ b/web/src/components/SearchInput.tsx
@@ -74,7 +74,7 @@ const SearchInput = ({
         <TextInput
           placeholder={placeholderText}
           aria-label={placeholderText}
-          defaultValue={filterText}
+          value={filterText}
           onChange={handleFilterTextChange}
           onClick={onClickInput}
           autoFocus
diff --git a/web/src/routes/SearchPage.tsx b/web/src/routes/SearchPage.tsx
index 420ac7138f..14604e72a4 100644
--- a/web/src/routes/SearchPage.tsx
+++ b/web/src/routes/SearchPage.tsx
@@ -1,4 +1,4 @@
-import React, { ReactElement, useState } from 'react'
+import React, { ReactElement, useState, useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useLocation, useNavigate } from 'react-router-dom'
 import styled from 'styled-components'
@@ -38,6 +38,10 @@ const SearchPage = ({ city, cityCode, languageCode, pathname }: CityRouteProps):
   const navigate = useNavigate()
   const fallbackLanguage = config.sourceLanguage
 
+  useEffect(() => {
+    setFilterText(query)
+  }, [query])
+
   const {
     data: contentLanguageDocuments,
     loading,