From f67fd17a105bb235a4d7ce26bbe71a78a5266d84 Mon Sep 17 00:00:00 2001
From: unknown <shioryuu0302@gmail.com>
Date: Tue, 7 Sep 2021 10:41:58 +0700
Subject: [PATCH] refactor: selected item by value

---
 src/components/common/SelectCommon/SelectCommon.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/components/common/SelectCommon/SelectCommon.tsx b/src/components/common/SelectCommon/SelectCommon.tsx
index f7d560629..4c42bc8a9 100644
--- a/src/components/common/SelectCommon/SelectCommon.tsx
+++ b/src/components/common/SelectCommon/SelectCommon.tsx
@@ -12,10 +12,12 @@ interface Props {
     onChange?: (value: string) => void,
 }
 
-const SelectCommon = ({ type = 'default', size = 'base', option, placeholder, onChange }: Props) => {
+const SelectCommon = ({ type = 'default', size = 'base', option, placeholder, onChange}: Props) => {
     const [selectedName, setSelectedName] = useState(placeholder)
+    const [selectedValue, setSelectedValue] = useState('')
 
     const changeSelectedName = (item:string, value: string) => {
+        setSelectedValue(value)
         setSelectedName(item)
         onChange && onChange(value)
     }
@@ -42,7 +44,7 @@ const SelectCommon = ({ type = 'default', size = 'base', option, placeholder, on
                     >   
                         {
                             option.map(item => 
-                                <SelectOption itemName={item.name} value={item.value} onClick={changeSelectedName} size={size} selected={(selectedName === item.name) ? true : false} />
+                                <SelectOption itemName={item.name} value={item.value} onClick={changeSelectedName} size={size} selected={(selectedValue === item.value) ? true : false} />
                             )
                         }
                     </div>