751e65f59b
## 품목관리 수정 버그 수정 - FG(제품) 수정 시 품목명 반영 안되는 문제 해결 - productName → name 필드 매핑 추가 - FG 품목코드 = 품목명 동기화 로직 추가 - Materials(SM, RM, CS) 수정페이지 진입 오류 해결 - UNIQUE 제약조건 위반 오류 해결 ## Sales 페이지 - 거래처관리 (client-management-sales-admin) 페이지 구현 - 견적관리 (quote-management) 페이지 구현 - 관련 컴포넌트 및 훅 추가 ## 기타 - 회원가입 페이지 차단 처리 - 디버깅용 콘솔 로그 추가 (PUT 요청/응답 확인용) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
62 lines
1.6 KiB
TypeScript
62 lines
1.6 KiB
TypeScript
/**
|
|
* FormSection - 폼 섹션 카드 컴포넌트
|
|
*
|
|
* 등록 페이지의 각 섹션을 카드로 감싸는 컴포넌트
|
|
* 제목, 설명, 아이콘을 포함할 수 있습니다.
|
|
*/
|
|
|
|
import { ReactNode } from "react";
|
|
import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../ui/card";
|
|
import { LucideIcon } from "lucide-react";
|
|
|
|
export interface FormSectionProps {
|
|
title?: string;
|
|
description?: string;
|
|
icon?: LucideIcon;
|
|
children: ReactNode;
|
|
className?: string;
|
|
headerAction?: ReactNode;
|
|
variant?: 'default' | 'highlighted';
|
|
}
|
|
|
|
export function FormSection({
|
|
title,
|
|
description,
|
|
icon: Icon,
|
|
children,
|
|
className = "",
|
|
headerAction,
|
|
variant = 'default',
|
|
}: FormSectionProps) {
|
|
|
|
const variantClasses = {
|
|
default: "",
|
|
highlighted: "border-blue-200 bg-blue-50/30",
|
|
};
|
|
|
|
return (
|
|
<Card className={`${variantClasses[variant]} ${className}`}>
|
|
{(title || description) && (
|
|
<CardHeader>
|
|
<div className="flex items-center justify-between">
|
|
<div className="flex items-center gap-2">
|
|
{Icon && <Icon className="h-5 w-5 text-primary" />}
|
|
<div>
|
|
{title && <CardTitle>{title}</CardTitle>}
|
|
{description && (
|
|
<CardDescription className="mt-1">{description}</CardDescription>
|
|
)}
|
|
</div>
|
|
</div>
|
|
{headerAction && (
|
|
<div>{headerAction}</div>
|
|
)}
|
|
</div>
|
|
</CardHeader>
|
|
)}
|
|
<CardContent className={title || description ? "" : "pt-6"}>
|
|
{children}
|
|
</CardContent>
|
|
</Card>
|
|
);
|
|
} |