refactor: change select component

GSM-MSG · Jul 29, 2024 · 5c5952d · 5c5952d
1 parent 6d14c7d
commit 5c5952d
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 14 deletions.
diff --git a/packages/app/src/features/register/data/PortfolioList.ts b/packages/app/src/features/register/data/PortfolioList.ts
diff --git a/packages/app/src/features/register/data/index.ts b/packages/app/src/features/register/data/index.ts
@@ -1,3 +1,2 @@
 export { default as WorkType } from './WorkType'
 export { default as MilitaryList } from './MilitaryList'
-export { default as PortfolioList } from './PortfolioList'
diff --git a/packages/app/src/features/register/molecules/PortfolioInputs/index.tsx b/packages/app/src/features/register/molecules/PortfolioInputs/index.tsx
@@ -1,7 +1,6 @@
 import { ChangeEvent } from 'react'
 import { InputColumn, FormWrapper } from '@features/register/atoms'
-import { Input, Select, FileInput } from '@sms/shared'
-import { PortfolioList } from '@features/register/data'
+import { Input, NewSelect as Select, FileInput } from '@sms/shared'
 import {
   Control,
   FieldErrors,
@@ -26,7 +25,7 @@ const PortfolioInputs = ({
   register,
   errors,
   setError,
-  control,
+  setValue,
   watch,
   resetField,
 }: Props) => {
@@ -38,11 +37,24 @@ const PortfolioInputs = ({
       <InputColumn comment='포트폴리오 형식'>
         <Select
           name='portfolioType'
-          control={control}
-          register={register}
-          options={PortfolioList}
+          defaultOpen={false}
+          defaultValue={watch('portfolioType')}
           value={watch('portfolioType')}
-        />
+          onValueChange={(value) =>
+            setValue(
+              'portfolioType',
+              value as RegisterFormType['portfolioType']
+            )
+          }
+        >
+          <Select.SelectTrigger>
+            <Select.SelectValue placeholder='포트폴리오 형식' />
+          </Select.SelectTrigger>
+          <Select.SelectContent>
+            <Select.SelectItem value='URL'>URL 형식</Select.SelectItem>
+            <Select.SelectItem value='PDF'>PDF 파일</Select.SelectItem>
+          </Select.SelectContent>
+        </Select>
       </InputColumn>
       {watch('portfolioType') === 'URL' && (
         <InputColumn comment='URL'>