From 7cf646e223ac469d7aae24e0fcdcc8818bd35f6b Mon Sep 17 00:00:00 2001
From: Oleks-Y <borith1111@gmail.com>
Date: Thu, 15 Feb 2024 15:39:31 +0100
Subject: [PATCH 1/2] fix: trying to fix search typings

---
 src/components/InputField/InputField.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/InputField/InputField.tsx b/src/components/InputField/InputField.tsx
index 6a929c4..28b3911 100644
--- a/src/components/InputField/InputField.tsx
+++ b/src/components/InputField/InputField.tsx
@@ -85,7 +85,7 @@ const InputField: React.FC<Props> = ({
 
     const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement | HTMLDivElement>) => {
         if (e.key === 'Enter') {
-            const title = e.target.title || '';
+            const title = e.currentTarget.title || '';
             handleTipClick(title);
             onSubmit && onSubmit(title);
         }
@@ -97,19 +97,19 @@ const InputField: React.FC<Props> = ({
             if (currentFocused === -1) {
                 if (focusableTips.length) {
                     setCurrentFocused(0);
-                    focusableTips[0].focus();
+                    (focusableTips[0] as HTMLElement).focus();
                 }
             }
 
             if (currentFocused === focusableTips.length - 1) {
                 setCurrentFocused(0);
-                focusableTips[0].focus();
+                (focusableTips[0] as HTMLElement).focus();
                 return;
             }
 
             setCurrentFocused((prevState) => {
                 const el = focusableTips[prevState + 1];
-                el && el.focus();
+                el && (el as HTMLElement).focus();
                 return prevState + 1;
             });
         }
@@ -121,7 +121,7 @@ const InputField: React.FC<Props> = ({
             if (currentFocused === 0) {
                 setCurrentFocused(() => {
                     const el = focusableTips[focusableTips.length - 1];
-                    el && el.focus();
+                    el && (el as HTMLElement).focus();
                     return focusableTips.length - 1;
                 });
 
@@ -130,7 +130,7 @@ const InputField: React.FC<Props> = ({
 
             setCurrentFocused((currentFocus) => {
                 const el = focusableTips[currentFocus - 1];
-                el && el.focus();
+                el && (el as HTMLElement).focus();
                 return currentFocus - 1;
             });
         }

From db8764eb4576a437ff99a6fdf23923542fdc32c0 Mon Sep 17 00:00:00 2001
From: Oleks-Y <borith1111@gmail.com>
Date: Thu, 15 Feb 2024 15:47:17 +0100
Subject: [PATCH 2/2] fix: handle enter in search

---
 src/components/InputField/InputField.tsx | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/components/InputField/InputField.tsx b/src/components/InputField/InputField.tsx
index 28b3911..c39dede 100644
--- a/src/components/InputField/InputField.tsx
+++ b/src/components/InputField/InputField.tsx
@@ -85,9 +85,8 @@ const InputField: React.FC<Props> = ({
 
     const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement | HTMLDivElement>) => {
         if (e.key === 'Enter') {
-            const title = e.currentTarget.title || '';
-            handleTipClick(title);
-            onSubmit && onSubmit(title);
+            handleTipClick(userInput);
+            onSubmit && onSubmit(userInput);
         }
 
         if (e.key === 'ArrowDown') {