From 3b6a39aea46b457ac74691080160b447c9094468 Mon Sep 17 00:00:00 2001 From: dasosann Date: Tue, 20 Jan 2026 14:04:02 +0900 Subject: [PATCH 1/7] =?UTF-8?q?fix:=20=EC=83=81=EB=8B=A8=20border=20?= =?UTF-8?q?=EC=82=AD=EC=A0=9C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/ui/drawer.tsx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/components/ui/drawer.tsx b/src/components/ui/drawer.tsx index 7650bc4d..924e1e4a 100644 --- a/src/components/ui/drawer.tsx +++ b/src/components/ui/drawer.tsx @@ -83,7 +83,7 @@ function DrawerContent({ className={cn( 'group/drawer-content bg-background fixed z-[70] flex h-auto flex-col', 'data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b', - 'data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-[20px] data-[vaul-drawer-direction=bottom]:border-t', + 'data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-[20px]', 'data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm', 'data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm', className, @@ -158,5 +158,6 @@ export { DrawerOverlay, DrawerPortal, DrawerTitle, - DrawerTrigger, + DrawerTrigger }; + From 62274f7eb41940a40398d60e1c84e7a23907dc1b Mon Sep 17 00:00:00 2001 From: dasosann Date: Tue, 20 Jan 2026 14:07:13 +0900 Subject: [PATCH 2/7] =?UTF-8?q?fix:=20prettier=20=EC=84=A4=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/ui/drawer.tsx | 3 +-- src/global/components/XInput.tsx | 6 ++++-- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/src/components/ui/drawer.tsx b/src/components/ui/drawer.tsx index 924e1e4a..d661d5eb 100644 --- a/src/components/ui/drawer.tsx +++ b/src/components/ui/drawer.tsx @@ -158,6 +158,5 @@ export { DrawerOverlay, DrawerPortal, DrawerTitle, - DrawerTrigger + DrawerTrigger, }; - diff --git a/src/global/components/XInput.tsx b/src/global/components/XInput.tsx index 0608988b..096933c3 100644 --- a/src/global/components/XInput.tsx +++ b/src/global/components/XInput.tsx @@ -2,8 +2,10 @@ import { X } from 'lucide-react'; import React, { InputHTMLAttributes, useRef, useState } from 'react'; -interface InputProps - extends Omit, 'onChange'> { +interface InputProps extends Omit< + InputHTMLAttributes, + 'onChange' +> { /** 인풋 상단 라벨 텍스트 */ label?: string; /** 인풋 값 (항상 string) */ From 399a3a0ffacddb2f94d566ffdd5a46128dd95cc4 Mon Sep 17 00:00:00 2001 From: dasosann Date: Tue, 20 Jan 2026 14:09:04 +0900 Subject: [PATCH 3/7] fix: adjust interface formatting in XInput component --- src/global/components/XInput.tsx | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/src/global/components/XInput.tsx b/src/global/components/XInput.tsx index 096933c3..0608988b 100644 --- a/src/global/components/XInput.tsx +++ b/src/global/components/XInput.tsx @@ -2,10 +2,8 @@ import { X } from 'lucide-react'; import React, { InputHTMLAttributes, useRef, useState } from 'react'; -interface InputProps extends Omit< - InputHTMLAttributes, - 'onChange' -> { +interface InputProps + extends Omit, 'onChange'> { /** 인풋 상단 라벨 텍스트 */ label?: string; /** 인풋 값 (항상 string) */ From 6f5d1c98ecda8bd995ff65befc6bb64c024b3aca Mon Sep 17 00:00:00 2001 From: dasosann Date: Tue, 20 Jan 2026 14:09:17 +0900 Subject: [PATCH 4/7] fix: simplify className and style logic in XInput component --- src/global/components/XInput.tsx | 24 ++++++++++-------------- 1 file changed, 10 insertions(+), 14 deletions(-) diff --git a/src/global/components/XInput.tsx b/src/global/components/XInput.tsx index 0608988b..8fc321ec 100644 --- a/src/global/components/XInput.tsx +++ b/src/global/components/XInput.tsx @@ -75,26 +75,23 @@ export default function XInput({ onBlur={() => setIsFocused(false)} disabled={disabled} maxLength={maxLength} - className={`bg-element-gray-lighter typo-body-lg-medium text-text-basic placeholder:text-text-subtler w-full rounded-[8px] p-4 disabled:cursor-not-allowed disabled:opacity-50 ${ - error + className={`bg-element-gray-lighter typo-body-lg-medium text-text-basic placeholder:text-text-subtler w-full rounded-[8px] p-4 disabled:cursor-not-allowed disabled:opacity-50 ${error ? 'outline-text-error outline-1' : 'focus:outline-border-primary focus:outline-1' - } ${shouldShowClear ? 'pr-12' : ''} ${ - type === 'date' ? 'cursor-pointer' : '' - } ${ - type === 'number' + } ${shouldShowClear ? 'pr-12' : ''} ${type === 'date' ? 'cursor-pointer' : '' + } ${type === 'number' ? '[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none' : '' - }`} + }`} style={ type === 'date' && !value ? { - color: '#8E9398', - } + color: '#8E9398', + } : type === 'date' ? { - color: '#18191B', - } + color: '#18191B', + } : undefined } {...restProps} @@ -116,9 +113,8 @@ export default function XInput({ {(error || helperText) && (
{error || helperText}
From b6afc5437192c8e786c852fef387ce5bd1a67652 Mon Sep 17 00:00:00 2001 From: dasosann Date: Tue, 20 Jan 2026 14:12:41 +0900 Subject: [PATCH 5/7] fix: improve formatting and readability in XInput component --- src/global/components/XInput.tsx | 30 ++++++++++++++++++------------ 1 file changed, 18 insertions(+), 12 deletions(-) diff --git a/src/global/components/XInput.tsx b/src/global/components/XInput.tsx index 8fc321ec..096933c3 100644 --- a/src/global/components/XInput.tsx +++ b/src/global/components/XInput.tsx @@ -2,8 +2,10 @@ import { X } from 'lucide-react'; import React, { InputHTMLAttributes, useRef, useState } from 'react'; -interface InputProps - extends Omit, 'onChange'> { +interface InputProps extends Omit< + InputHTMLAttributes, + 'onChange' +> { /** 인풋 상단 라벨 텍스트 */ label?: string; /** 인풋 값 (항상 string) */ @@ -75,23 +77,26 @@ export default function XInput({ onBlur={() => setIsFocused(false)} disabled={disabled} maxLength={maxLength} - className={`bg-element-gray-lighter typo-body-lg-medium text-text-basic placeholder:text-text-subtler w-full rounded-[8px] p-4 disabled:cursor-not-allowed disabled:opacity-50 ${error + className={`bg-element-gray-lighter typo-body-lg-medium text-text-basic placeholder:text-text-subtler w-full rounded-[8px] p-4 disabled:cursor-not-allowed disabled:opacity-50 ${ + error ? 'outline-text-error outline-1' : 'focus:outline-border-primary focus:outline-1' - } ${shouldShowClear ? 'pr-12' : ''} ${type === 'date' ? 'cursor-pointer' : '' - } ${type === 'number' + } ${shouldShowClear ? 'pr-12' : ''} ${ + type === 'date' ? 'cursor-pointer' : '' + } ${ + type === 'number' ? '[appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none [&::-webkit-outer-spin-button]:appearance-none' : '' - }`} + }`} style={ type === 'date' && !value ? { - color: '#8E9398', - } + color: '#8E9398', + } : type === 'date' ? { - color: '#18191B', - } + color: '#18191B', + } : undefined } {...restProps} @@ -113,8 +118,9 @@ export default function XInput({ {(error || helperText) && (
{error || helperText}
From acdd8c48015a9cb3a9860689ffc986fda28876fa Mon Sep 17 00:00:00 2001 From: dasosann Date: Tue, 20 Jan 2026 15:04:20 +0900 Subject: [PATCH 6/7] =?UTF-8?q?format:=20prettier=20=EC=84=A4=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .prettierrc | 4 +++- src/global/components/DateXInput.tsx | 3 +-- 2 files changed, 4 insertions(+), 3 deletions(-) diff --git a/.prettierrc b/.prettierrc index 91cc9e17..ccb0734d 100644 --- a/.prettierrc +++ b/.prettierrc @@ -6,5 +6,7 @@ "tabWidth": 2, "printWidth": 80, "endOfLine": "lf", - "plugins": ["prettier-plugin-tailwindcss"] + "plugins": [ + "prettier-plugin-tailwindcss" + ] } diff --git a/src/global/components/DateXInput.tsx b/src/global/components/DateXInput.tsx index bb9fa4c0..79eeda97 100644 --- a/src/global/components/DateXInput.tsx +++ b/src/global/components/DateXInput.tsx @@ -32,7 +32,6 @@ export default function DateXInput({ value, onChange, error, - helperText, min, max, placeholder = 'YYYY-MM-DD', @@ -55,7 +54,7 @@ export default function DateXInput({ if (open) { setTempDate(parsedDate || new Date()); } - }, [open]); + }, [open, parsedDate]); const minDate = min ? new Date(min) : undefined; const maxDate = max ? new Date(max) : undefined; From 690839f61eed37c743ab728cd9e90475ed052f52 Mon Sep 17 00:00:00 2001 From: dasosann Date: Tue, 20 Jan 2026 15:10:24 +0900 Subject: [PATCH 7/7] fix: prettier format --- src/global/components/XInput.tsx | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/src/global/components/XInput.tsx b/src/global/components/XInput.tsx index 096933c3..0608988b 100644 --- a/src/global/components/XInput.tsx +++ b/src/global/components/XInput.tsx @@ -2,10 +2,8 @@ import { X } from 'lucide-react'; import React, { InputHTMLAttributes, useRef, useState } from 'react'; -interface InputProps extends Omit< - InputHTMLAttributes, - 'onChange' -> { +interface InputProps + extends Omit, 'onChange'> { /** 인풋 상단 라벨 텍스트 */ label?: string; /** 인풋 값 (항상 string) */