design: Edit-Input isPrice에 따른 디자인 변화 (#264)

price-offer · Jan 23, 2024 · 27c269f · 27c269f
2 parents 67fa838 + fdc2483
commit 27c269f
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 8 deletions.
diff --git a/.changeset/serious-zoos-retire.md b/.changeset/serious-zoos-retire.md
@@ -0,0 +1,5 @@
+---
+"@offer-ui/react": patch
+---
+
+- Input-Edit: isPrice에 따른 UI변화
diff --git a/packages/react/src/components/Input/Edit.tsx b/packages/react/src/components/Input/Edit.tsx
@@ -45,7 +45,7 @@ export const Edit = forwardRef(function Edit(
     inputSize = 'small',
     width = '100%',
     onChange,
-    isPrice,
+    isPrice = false,
     ...props
   }: EditInputProps,
   ref: ForwardedRef<HTMLInputElement>
@@ -74,13 +74,15 @@ export const Edit = forwardRef(function Edit(
           onChange={handleChange}
           {...props}
         />
-        <StyledPriceUnit
-          color="grayScale90"
-          hasGuideMessage={hasGuideMessage}
-          isSmall={isSmall}
-          styleType="subtitle01M">
-          {VALIDATE_MESSAGE.PRICE_UNIT}
-        </StyledPriceUnit>
+        {isPrice && (
+          <StyledPriceUnit
+            color="grayScale90"
+            hasGuideMessage={hasGuideMessage}
+            isSmall={isSmall}
+            styleType="subtitle01M">
+            {VALIDATE_MESSAGE.PRICE_UNIT}
+          </StyledPriceUnit>
+        )}
       </StyledInputLabel>
       {hasGuideMessage && (
         <StyledInputGuideMessage status={status} styleType="caption01M">