diff --git a/design-system/ui/Header.tsx b/design-system/ui/Header.tsx index de4c608d..b13e2c4e 100644 --- a/design-system/ui/Header.tsx +++ b/design-system/ui/Header.tsx @@ -10,15 +10,24 @@ interface HeaderProps { leftButtonLabel?: ReactNode; // 왼쪽 콘텐츠 (버튼) leftButtonClick?: () => void; // 왼쪽 버튼 클릭 핸들러 leftButtonClassName?: string; // 왼쪽 버튼 추가 스타일링 클래스 - rightContent?: Button; // 오른쪽 콘텐츠 (버튼) + rightContent?: Button | null; // 오른쪽 콘텐츠 (버튼) color?: 'white' | 'black'; // white 또는 black 중 선택 className?: string; // 추가 스타일링 클래스 } +// Button 타입 가드 함수 추가 +function isButtonElement(element: ReactNode | Button): element is React.ReactElement> { + return ( + React.isValidElement(element) && + typeof element.type === 'string' && + element.type === 'button' + ); +} + const Header = ({ centerContent, leftButtonLabel, - leftButtonClick = () => {}, + leftButtonClick = () => { }, leftButtonClassName, rightContent, color = 'black', @@ -26,14 +35,17 @@ const Header = ({ }: HeaderProps) => { return (
{/* 왼쪽 콘텐츠 */}
{leftButtonLabel ? ( - + isButtonElement(leftButtonLabel) ? ( +
{leftButtonLabel}
+ ) : ( + + ) ) : null}
diff --git a/src/features/event/model/FunnelContext.tsx b/src/features/event/model/FunnelContext.tsx index e2ffaa04..66ba5c05 100644 --- a/src/features/event/model/FunnelContext.tsx +++ b/src/features/event/model/FunnelContext.tsx @@ -31,8 +31,8 @@ export const FunnelProvider = ({ children }: { children: ReactNode }) => { onlineType: 'ONLINE', address: '', detailAddress: '', - locationLat: 0, - locationLng: 0, + locationLat: 37.5665, + locationLng: 126.9780, category: 'DEVELOPMENT_STUDY', hashtags: [], organizerEmail: '', diff --git a/src/features/event/ui/DatePicker.tsx b/src/features/event/ui/DatePicker.tsx index 8ebded2c..711c0ea5 100644 --- a/src/features/event/ui/DatePicker.tsx +++ b/src/features/event/ui/DatePicker.tsx @@ -99,7 +99,7 @@ const EventDatePicker = ({
{!isLabel && 시작 날짜} -
+
setStartTime(e.target.value)} - className="w-20 h-9 md:w-24 md:h-10 border border-placeholderText text-sm md:text-md rounded-[5px] p-2" + className="w-20 h-9 md:w-24 md:h-10 border border-placeholderText text-sm md:text-md rounded-[5px] p-2 cursor-pointer" > {timeOptions.map(time => (