feat: add disable direct input on SearchInput

GSM-MSG · Sep 8, 2023 · b1ba97a · b1ba97a
1 parent b1f9bc3
commit b1ba97a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/app/src/features/student/molecules/FilterModal/index.tsx b/packages/app/src/features/student/molecules/FilterModal/index.tsx
@@ -211,6 +211,7 @@ const FilterModal = () => {
               value={watch('techStacks')}
               control={control}
               register={register('techStacks')}
+              disableDirectInput
               error=''
             />
           </RangeSliderSection>

diff --git a/packages/shared/src/molecules/SearchInput/index.tsx b/packages/shared/src/molecules/SearchInput/index.tsx
@@ -18,6 +18,7 @@ interface Props {
   limit?: number
   control: Control<any>
   register: UseFormRegisterReturn<any>
+  disableDirectInput?: boolean
 }
 
 const SearchInput = ({
@@ -28,6 +29,7 @@ const SearchInput = ({
   onChange,
   limit,
   control,
+  disableDirectInput,
 }: Props) => {
   const { fields, append, remove } = useFieldArray<FieldValues>({
     control,
@@ -102,7 +104,7 @@ const SearchInput = ({
                   {i}
                 </Dropdown.Item>
               ))}
-            {!includesValue() && (
+            {!includesValue() && !disableDirectInput && (
               <Dropdown.Item onClick={() => onAddStack(searchValue)}>
                 {`+ "${searchValue}" 직접 추가하기`}
               </Dropdown.Item>