SamProject/sam-react-prod
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(WEB): LocationDetailPanel 테이블 key prop 누락 수정

Browse Source 
- BOM 아이템 렌더링 시 id가 없을 경우 index 기반 fallback key 사용
- body, guide-rail, case, bottom, motor, accessory 탭 모두 적용
This commit is contained in:
권혁성
2026-01-26 16:36:36 +09:00
parent 6402a38cb4
commit 7be8caf3f7
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/components/quotes/LocationDetailPanel.tsx
View File

@@ -376,8 +376,8 @@ export function LocationDetailPanel({
</TableRow>
</TableHeader>
<TableBody>
{bomItemsByTab.body.map((item: any) => (
<TableRow key={item.id} className="bg-white">
{bomItemsByTab.body.map((item: any, index: number) => (
<TableRow key={item.id || `body-${index}`} className="bg-white">
<TableCell className="font-medium">{item.item_name}</TableCell>
<TableCell className="text-center text-gray-600">{item.manufacture_size || "-"}</TableCell>
<TableCell className="text-center">
@@ -434,8 +434,8 @@ export function LocationDetailPanel({
</TableRow>
</TableHeader>
<TableBody>
{bomItemsByTab[tabValue]?.map((item: any) => (
<TableRow key={item.id} className="bg-white">
{bomItemsByTab[tabValue]?.map((item: any, index: number) => (
<TableRow key={item.id || `${tabValue}-${index}`} className="bg-white">
<TableCell className="font-medium">{item.item_name}</TableCell>
<TableCell className="text-center text-gray-600">{item.material || "-"}</TableCell>
<TableCell className="text-center text-gray-600">{item.spec || "-"}</TableCell>
@@ -504,8 +504,8 @@ export function LocationDetailPanel({
</TableRow>
</TableHeader>
<TableBody>
{bomItemsByTab.motor?.map((item: any) => (
<TableRow key={item.id} className="bg-white">
{bomItemsByTab.motor?.map((item: any, index: number) => (
<TableRow key={item.id || `motor-${index}`} className="bg-white">
<TableCell className="font-medium">{item.item_name}</TableCell>
<TableCell className="text-center text-gray-600">{item.type || "-"}</TableCell>
<TableCell className="text-center text-gray-600">{item.spec || "-"}</TableCell>
@@ -561,8 +561,8 @@ export function LocationDetailPanel({
</TableRow>
</TableHeader>
<TableBody>
{bomItemsByTab.accessory?.map((item: any) => (
<TableRow key={item.id} className="bg-white">
{bomItemsByTab.accessory?.map((item: any, index: number) => (
<TableRow key={item.id || `accessory-${index}`} className="bg-white">
<TableCell className="font-medium">{item.item_name}</TableCell>
<TableCell className="text-center text-gray-600">{item.spec || "-"}</TableCell>
<TableCell className="text-center">