fix: Collapsible 변수 참조 오류 수정

- isGroupExpanded 변수를 올바르게 사용하도록 수정
- 불필요한 주석 제거
- map 함수에 return 문 추가
This commit is contained in:
kjs 2025-11-18 10:28:07 +09:00
parent def94c41f4
commit 7bb26e0e30
1 changed files with 10 additions and 7 deletions

View File

@ -627,10 +627,13 @@ export const SelectedItemsDetailInputConfigPanel: React.FC<SelectedItemsDetailIn
(: 거래처 , )
</p>
{localFieldGroups.map((group, index) => (
{localFieldGroups.map((group, index) => {
const isGroupExpanded = expandedGroups[group.id] ?? true;
return (
<Collapsible
key={group.id}
open={expandedGroups[group.id] ?? true}
open={isGroupExpanded}
onOpenChange={(open) => setExpandedGroups(prev => ({ ...prev, [group.id]: open }))}
>
<Card className="border-2">
@ -639,7 +642,7 @@ export const SelectedItemsDetailInputConfigPanel: React.FC<SelectedItemsDetailIn
<CollapsibleTrigger asChild>
<Button variant="ghost" size="sm" className="h-auto p-0 hover:bg-transparent">
<div className="flex items-center gap-2">
{expandedGroups[group.id] ?? true ? (
{isGroupExpanded ? (
<ChevronDown className="h-4 w-4" />
) : (
<ChevronRight className="h-4 w-4" />
@ -661,9 +664,8 @@ export const SelectedItemsDetailInputConfigPanel: React.FC<SelectedItemsDetailIn
</Button>
</div>
<CollapsibleContent className="space-y-2 sm:space-y-3">{/* 기존 그룹 설정 내용 */}
{/* 그룹 ID */}
<CollapsibleContent className="space-y-2 sm:space-y-3">
{/* 그룹 ID */}
<div className="space-y-1">
<Label className="text-[10px] sm:text-xs"> ID</Label>
<Input
@ -900,7 +902,8 @@ export const SelectedItemsDetailInputConfigPanel: React.FC<SelectedItemsDetailIn
</CardContent>
</Card>
</Collapsible>
))}
);
})}
<Button
type="button"