Scroll immediately after clicking an image

unstubbable · Mar 16, 2024 · c7c9f6e · c7c9f6e
1 parent 6fb94af
commit c7c9f6e
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/app/image-selector.tsx b/src/app/image-selector.tsx
@@ -16,7 +16,9 @@ export function ImageSelector({
   const [, setMessages] = useUIState<typeof AI>();
   const {submitUserMessage} = useActions<typeof AI>();
 
-  const formAction = async () => {
+  const handleClick = async () => {
+    document.body.scrollIntoView({block: `end`, behavior: `smooth`});
+
     try {
       const message = await submitUserMessage(
         `Tell me more about image ${url}, keep it short.`,
@@ -36,5 +38,9 @@ export function ImageSelector({
     document.body.scrollIntoView({block: `end`, behavior: `smooth`});
   };
 
-  return <button formAction={formAction}>{children}</button>;
+  return (
+    <button type="button" onClick={handleClick}>
+      {children}
+    </button>
+  );
 }