Feat: my page Form handleKeyDown 이벤트 핸들러 추가

eunji-0623 · Jul 19, 2024 · f70d2cd · f70d2cd
1 parent 62c27bb
commit f70d2cd
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/components/MyPageInput/MyPageInput.tsx b/components/MyPageInput/MyPageInput.tsx
@@ -16,6 +16,7 @@ import { useSideNavigation } from '@/hooks/useSideNavigation';
 import Spinner from '../Spinner/Spinner';
 import { useRecoilState } from 'recoil';
 import { darkModeState } from '@/states/themeState';
+import useEnterSubmit from '@/hooks/useEnterSubmit';
 
 export default function MyPageInput() {
   const {
@@ -94,9 +95,16 @@ export default function MyPageInput() {
   if (isLoading) {
     return <Spinner />;
   }
+
+  const handleKeyDown = useEnterSubmit(handleSubmit(onSubmit));
+
   return (
     <div className="flex flex-col w-[792px] h-[564px] t:w-[429px] t:h-[556px] m:w-full m:h-full m:pb-[150px] m:px-[16px] ">
-      <form className="flex flex-col gap-[24px] t:gap-[16px]">
+      <form
+        className="flex flex-col gap-[24px] t:gap-[16px]"
+        onSubmit={handleSubmit(onSubmit)}
+        onKeyDown={handleKeyDown}
+      >
         <div className="flex m:gap-[15px] p:justify-between t:justify-between">
           <Image
             src={isDarkMode ? hamburgerWhiteIcon : hamburgerIcon}