From 670343c06c7b55db827235812a3800f78df31b00 Mon Sep 17 00:00:00 2001
From: unknown <shioryuu0302@gmail.com>
Date: Tue, 7 Sep 2021 13:12:51 +0700
Subject: [PATCH] refactor: format code

---
 .../SelectCommon/SelectCommon.module.scss     | 38 +++++++++----------
 .../common/SelectCommon/SelectCommon.tsx      |  2 +-
 2 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/src/components/common/SelectCommon/SelectCommon.module.scss b/src/components/common/SelectCommon/SelectCommon.module.scss
index 3b40a0923..2e3e0e913 100644
--- a/src/components/common/SelectCommon/SelectCommon.module.scss
+++ b/src/components/common/SelectCommon/SelectCommon.module.scss
@@ -1,70 +1,70 @@
 @import "../../../styles/utilities";
 
-.select{
+.select {
     background-color: var(--white);
-    &.base{
+    &.base {
         width: 20.6rem;
-        .selectTrigger{
+        .selectTrigger {
             width: 20.6rem;
             padding: 1.2rem 1.6rem;
         }
     }
-    &.large{
+    &.large {
         width: 34.25rem;
-        .selectTrigger{
+        .selectTrigger {
             width: 34.25rem;
             padding: 1.6rem 1.6rem;
         }
     }
-    &.default{
-        .selectTrigger{
+    &.default {
+        .selectTrigger {
             @apply border-solid border border-current;
         }   
     }
-    &.custom{
-        .selectTrigger{
+    &.custom {
+        .selectTrigger {
             @apply border-2;
             border-color: var(--border-line);
             color: var(--text-label);
         }
     }
-    &:hover{
+    &:hover {
         cursor: pointer;
-        .hoverWrapper{
+        .hoverWrapper {
             @apply block;
             animation: SelectAnimation 0.2s ease-out;
         }
     }
 }
-.selectTrigger{
+.selectTrigger {
     @apply outline-none flex justify-between;
     color: var(--text-active);
     border-radius: 0.8rem;
 
 }
-.hoverWrapper{
+.hoverWrapper {
     @apply hidden outline-none absolute z-10;
     padding-top: 0.6rem;
-    .selectOptionWrapper{
+    .selectOptionWrapper {
         border-radius: 0.8rem;
         background-color: var(--white);
         padding: 0.4rem 0rem 0.4rem 0rem;
-        &.base{
+        &.base {
             width: 20.6rem;
         }
-        &.large{
+        &.large {
             width: 34.25rem;
         }
-        &.default{
+        &.default {
             @apply border-solid border border-current; 
         }
-        &.custom{
+        &.custom {
             @apply border-2;
             border-color: var(--border-line);
             color: var(--text-label);
         }
     }
-    &:hover{
+    &:hover {
         @apply block;
     }
 }
diff --git a/src/components/common/SelectCommon/SelectCommon.tsx b/src/components/common/SelectCommon/SelectCommon.tsx
index 4c42bc8a9..43b519ab1 100644
--- a/src/components/common/SelectCommon/SelectCommon.tsx
+++ b/src/components/common/SelectCommon/SelectCommon.tsx
@@ -44,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={(selectedValue === item.value) ? true : false} />
+                                <SelectOption itemName={item.name} value={item.value} onClick={changeSelectedName} size={size} selected={(selectedValue === item.value)} />
                             )
                         }
                     </div>