From abac64f01bfcfc3d3e6d298ce3f7edf20287de08 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Fri, 28 Jun 2024 20:17:47 -0500
Subject: [PATCH] fix: enter click no redirect with onselect

---
 src/app/tools/tankopedia/components/SearchBar.tsx      | 10 ++++++++--
 .../tools/tankopedia/components/TankSearch/index.tsx   |  2 +-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/app/tools/tankopedia/components/SearchBar.tsx b/src/app/tools/tankopedia/components/SearchBar.tsx
index 54490e950..66a47398b 100644
--- a/src/app/tools/tankopedia/components/SearchBar.tsx
+++ b/src/app/tools/tankopedia/components/SearchBar.tsx
@@ -10,9 +10,10 @@ import { Sort } from './Sort';
 
 interface SearchBarProps {
   topResult?: TankDefinition;
+  onSelect?: (tank: TankDefinition) => void;
 }
 
-export function SearchBar({ topResult }: SearchBarProps) {
+export function SearchBar({ topResult, onSelect }: SearchBarProps) {
   const router = useRouter();
   const input = useRef<HTMLInputElement>(null);
   const searching = useTankopediaFilters((state) => state.searching);
@@ -42,7 +43,12 @@ export function SearchBar({ topResult }: SearchBarProps) {
       if (event.key !== 'Enter' || !topResult || searching) return;
 
       event.preventDefault();
-      router.push(`/tools/tankopedia/${topResult.id}`);
+
+      if (onSelect) {
+        onSelect(topResult);
+      } else {
+        router.push(`/tools/tankopedia/${topResult.id}`);
+      }
     },
     [topResult],
   );
diff --git a/src/app/tools/tankopedia/components/TankSearch/index.tsx b/src/app/tools/tankopedia/components/TankSearch/index.tsx
index 773a07c19..c5d9f87f9 100644
--- a/src/app/tools/tankopedia/components/TankSearch/index.tsx
+++ b/src/app/tools/tankopedia/components/TankSearch/index.tsx
@@ -360,7 +360,7 @@ export const TankSearch = memo<TankSearchProps>(
 
     return (
       <Flex direction="column" gap="4" flexGrow="1" {...props}>
-        <SearchBar topResult={tanks?.[0]} />
+        <SearchBar topResult={tanks?.[0]} onSelect={onSelect} />
 
         {!filters.search && !filters.searching && (
           <FilterControl compact={compact} />