From b7e77417b4bbcf45001600aa1a18daf3c1476d04 Mon Sep 17 00:00:00 2001
From: kKaskak <117831817+kKaskak@users.noreply.github.com>
Date: Wed, 3 Jan 2024 15:58:57 +0200
Subject: [PATCH] refactor: change the approach of onSubmit prop function
 passing

instead of arrow function we pass just queryOnsubmit and retrieve the event from the function itself
---
 src/common/NavBar/HorizontalNavBar/SearchBar/SearchBar.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/common/NavBar/HorizontalNavBar/SearchBar/SearchBar.js b/src/common/NavBar/HorizontalNavBar/SearchBar/SearchBar.js
index 5c42e15b7..1a7f052ec 100644
--- a/src/common/NavBar/HorizontalNavBar/SearchBar/SearchBar.js
+++ b/src/common/NavBar/HorizontalNavBar/SearchBar/SearchBar.js
@@ -59,8 +59,9 @@ const SearchBar = React.memo(({ className, query, active }) => {
         }
     }, [createTorrentFromMagnet]);
 
-    const queryInputOnSubmit = React.useCallback((searchValue, event) => {
+    const queryInputOnSubmit = React.useCallback((event) => {
         event.preventDefault();
+        const searchValue = `/search?search=${event.target.value}`;
         setCurrentQuery(searchValue);
         if (searchInputRef.current && searchValue) {
             window.location.hash = searchValue;
@@ -107,7 +108,7 @@ const SearchBar = React.memo(({ className, query, active }) => {
                         defaultValue={query}
                         tabIndex={-1}
                         onChange={queryInputOnChange}
-                        onSubmit={(e) => queryInputOnSubmit(`/search?search=${e.target.value}`, e)}
+                        onSubmit={queryInputOnSubmit}
                         onClick={openHistory}
                     />
                     :