feat: enter 키를 눌렀을 때 handleBlurBillRequest가 실행되는 기능 추가

woowacourse-teams · Aug 21, 2024 · 6bc86f6 · 6bc86f6
1 parent 448b5ea
commit 6bc86f6
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/client/src/components/StepList/BillStepItem.tsx b/client/src/components/StepList/BillStepItem.tsx
@@ -85,7 +85,15 @@ const BillStepItem: React.FC<BillStepItemProps> = ({
           ))}
 
         {isAddEditableItem && isLastBillItem && (
-          <EditableItem backgroundColor="lightGrayContainer" onBlur={handleBlurBillRequest}>
+          <EditableItem
+            backgroundColor="lightGrayContainer"
+            onBlur={handleBlurBillRequest}
+            onKeyDown={e => {
+              if (e.key === 'Enter') {
+                handleBlurBillRequest();
+              }
+            }}
+          >
             <EditableItem.Input
               placeholder="지출 내역"
               textSize="bodyBold"