From e350f887d5a97d5dd08fb8ab9584204abea1e4dc Mon Sep 17 00:00:00 2001
From: VK <heyllog@gmail.com>
Date: Thu, 18 Jun 2026 16:16:25 +0400
Subject: [PATCH] feat(appkit): focus input on ticker press

---
 .../ui/centered-amount-input/centered-amount-input.tsx      | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/appkit-react/src/components/ui/centered-amount-input/centered-amount-input.tsx b/packages/appkit-react/src/components/ui/centered-amount-input/centered-amount-input.tsx
index c30e497f2..a171bc4f9 100644
--- a/packages/appkit-react/src/components/ui/centered-amount-input/centered-amount-input.tsx
+++ b/packages/appkit-react/src/components/ui/centered-amount-input/centered-amount-input.tsx
@@ -31,6 +31,7 @@ export const CenteredAmountInput: FC<CenteredAmountInputProps> = ({
     placeholder = '0',
     disabled,
     className,
+    onClick,
     ...props
 }) => {
     const wrapperRef = useRef<HTMLDivElement>(null);
@@ -77,7 +78,10 @@ export const CenteredAmountInput: FC<CenteredAmountInputProps> = ({
         <div
             ref={wrapperRef}
             className={clsx(styles.wrapper, className)}
-            onClick={() => inputRef.current?.focus()}
+            onClick={(e) => {
+                onClick?.(e);
+                inputRef.current?.focus();
+            }}
             {...props}
         >
             <div ref={measureRowRef} className={styles.measureRow} aria-hidden="true">