refactor: CommandInput > focusRef, scrollIntoViewRef 유틸 함수 적용

[#279]
boostcampwm2023 · Dec 13, 2023 · 18e7766 · 18e7766
1 parent a5416cc
commit 18e7766
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/packages/frontend/src/components/terminal/CommandInput.tsx b/packages/frontend/src/components/terminal/CommandInput.tsx
@@ -6,6 +6,8 @@ import {
   useRef,
 } from "react";
 
+import { focusRef, scrollIntoViewRef } from "../../utils/refObject";
+
 import Prompt from "./Prompt";
 import * as styles from "./Terminal.css";
 
@@ -27,10 +29,10 @@ const CommandInput = forwardRef<ForwardRefType, CommandInputProps>(
       ref,
       () => ({
         focus(options) {
-          inputRef.current?.focus(options);
+          focusRef(inputRef, options);
         },
         scrollIntoView(arg) {
-          inputRef.current?.scrollIntoView(arg);
+          scrollIntoViewRef(inputRef, arg);
         },
       }),
       [],
@@ -59,7 +61,7 @@ const CommandInput = forwardRef<ForwardRefType, CommandInputProps>(
     };
 
     const handleClick = () => {
-      inputRef.current?.focus();
+      focusRef(inputRef);
     };
 
     return (