From 6b995b91d7a6c71e27bdf7a0fc6bc4cb0136cbe1 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=9D=B4=EC=84=9C=EC=A4=80?= <104981505+xeoxxn@users.noreply.github.com> Date: Tue, 29 Sep 2026 10:56:56 +0900 Subject: [PATCH 1/2] =?UTF-8?q?fix:=20=EB=B9=8C=EB=A6=B4=EA=B2=8C=20?= =?UTF-8?q?=EB=AA=A9=EC=97=85=20=EB=8D=B0=EC=9D=B4=ED=84=B0=EC=97=90=20?= =?UTF-8?q?=EC=B9=B4=ED=85=8C=EA=B3=A0=EB=A6=AC=20=EC=A0=95=EB=B3=B4=20?= =?UTF-8?q?=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Sonnet 5 --- .../bililge/constants/bililgeItems.ts | 118 +++++++++++++++--- 1 file changed, 104 insertions(+), 14 deletions(-) diff --git a/src/features/bililge/constants/bililgeItems.ts b/src/features/bililge/constants/bililgeItems.ts index 4f2f477..d0cabd9 100644 --- a/src/features/bililge/constants/bililgeItems.ts +++ b/src/features/bililge/constants/bililgeItems.ts @@ -14,59 +14,149 @@ import sanitaryPad from "@/assets/icons/bililge-items/sanitary-pad.svg"; import umbrella from "@/assets/icons/bililge-items/umbrella.svg"; import usbCCharger from "@/assets/icons/bililge-items/usb-c-charger.svg"; +// BililgeCategoryFilter의 필터 칩과 값을 맞춘다("전체"는 필터 없음을 뜻하는 값이라 제외). +export type BililgeCategory = "전자기기" | "생활잡화" | "상비약" | "위생용품"; + export interface BililgeItem { id: string; name: string; quantity: number; icon: string; + category: BililgeCategory; } -// Figma: 빌릴게 Item Grid (nodeId 1243:73343) 순서·물품명·수량을 그대로 옮긴 목데이터 — 실 API 연동 전까지 사용 +// Figma: 빌릴게 Item Grid (nodeId 1243:73343) 순서·물품명·수량을 그대로 옮긴 목데이터 — 실 API 연동 전까지 사용. +// category는 Figma에 카테고리별 그룹핑이 따로 없어(칩 자체만 정의돼 있음) 물품명 기준으로 임의 +// 분류했다 — 실제 분류 기준이 정해지면 API 연동 시 교체한다. export const BILILGE_ITEMS: BililgeItem[] = [ - { icon: curlingIron, id: "curling-iron", name: "고데기", quantity: 28 }, { + category: "전자기기", + icon: curlingIron, + id: "curling-iron", + name: "고데기", + quantity: 28, + }, + { + category: "전자기기", icon: laptopCharger, id: "laptop-charger", name: "노트북 충전기(C타입)", quantity: 28, }, - { icon: hairDryer, id: "hair-dryer", name: "드라이기", quantity: 28 }, - { icon: mask, id: "mask", name: "마스크", quantity: 28 }, - { icon: bandAid, id: "band-aid", name: "밴드", quantity: 28 }, - { icon: powerBank, id: "power-bank", name: "보조배터리", quantity: 28 }, { + category: "전자기기", + icon: hairDryer, + id: "hair-dryer", + name: "드라이기", + quantity: 28, + }, + { + category: "위생용품", + icon: mask, + id: "mask", + name: "마스크", + quantity: 28, + }, + { + category: "상비약", + icon: bandAid, + id: "band-aid", + name: "밴드", + quantity: 28, + }, + { + category: "전자기기", + icon: powerBank, + id: "power-bank", + name: "보조배터리", + quantity: 28, + }, + { + category: "위생용품", icon: sanitaryPad, id: "sanitary-pad-large", name: "생리대(대형)", quantity: 28, }, { + category: "위생용품", icon: sanitaryPad, id: "sanitary-pad-small", name: "생리대(소형)", quantity: 28, }, - { icon: alcoholSwab, id: "alcohol-swab", name: "알콜스왑", quantity: 28 }, - { icon: umbrella, id: "umbrella", name: "우산", quantity: 28 }, - { icon: pill, id: "stomach-medicine", name: "위장약", quantity: 28 }, - { icon: pill, id: "easyen-6", name: "이지엔6", quantity: 28 }, - { icon: eyeDrops, id: "eye-drops", name: "인공눈물", quantity: 28 }, - { icon: pill, id: "cold-medicine", name: "종합감기약", quantity: 28 }, { + category: "상비약", + icon: alcoholSwab, + id: "alcohol-swab", + name: "알콜스왑", + quantity: 28, + }, + { + category: "생활잡화", + icon: umbrella, + id: "umbrella", + name: "우산", + quantity: 28, + }, + { + category: "상비약", + icon: pill, + id: "stomach-medicine", + name: "위장약", + quantity: 28, + }, + { + category: "상비약", + icon: pill, + id: "easyen-6", + name: "이지엔6", + quantity: 28, + }, + { + category: "상비약", + icon: eyeDrops, + id: "eye-drops", + name: "인공눈물", + quantity: 28, + }, + { + category: "상비약", + icon: pill, + id: "cold-medicine", + name: "종합감기약", + quantity: 28, + }, + { + category: "전자기기", icon: usbCCharger, id: "usb-c-cable", name: "케이블(C to C)", quantity: 28, }, - { icon: pill, id: "tylenol", name: "타이레놀", quantity: 28 }, { + category: "상비약", + icon: pill, + id: "tylenol", + name: "타이레놀", + quantity: 28, + }, + { + category: "상비약", icon: painReliefPatch, id: "pain-relief-patch", name: "파스", quantity: 28, }, - { icon: ointment, id: "ointment", name: "후시딘", quantity: 28 }, { + category: "상비약", + icon: ointment, + id: "ointment", + name: "후시딘", + quantity: 28, + }, + { + category: "전자기기", icon: eightPinCharger, id: "8pin-charger", name: "8핀 충전기", From 133e062e608d6c7ba0895b4b40e09ca4cdde53ca Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=9D=B4=EC=84=9C=EC=A4=80?= <104981505+xeoxxn@users.noreply.github.com> Date: Tue, 29 Sep 2026 10:57:01 +0900 Subject: [PATCH 2/2] =?UTF-8?q?fix:=20=EB=B9=8C=EB=A6=B4=EA=B2=8C=20?= =?UTF-8?q?=EC=B9=B4=ED=85=8C=EA=B3=A0=EB=A6=AC=20=ED=95=84=ED=84=B0?= =?UTF-8?q?=EA=B0=80=20=EB=AA=A9=EB=A1=9D=EC=9D=84=20=EC=8B=A4=EC=A0=9C?= =?UTF-8?q?=EB=A1=9C=20=EA=B1=B0=EB=A5=B4=EB=8F=84=EB=A1=9D=20=EC=97=B0?= =?UTF-8?q?=EA=B2=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-Authored-By: Claude Sonnet 5 --- src/features/bililge/BililgeListScreen.tsx | 4 +++- src/features/bililge/components/BililgeCategoryFilter.tsx | 3 ++- 2 files changed, 5 insertions(+), 2 deletions(-) diff --git a/src/features/bililge/BililgeListScreen.tsx b/src/features/bililge/BililgeListScreen.tsx index 9408187..0546aed 100644 --- a/src/features/bililge/BililgeListScreen.tsx +++ b/src/features/bililge/BililgeListScreen.tsx @@ -63,7 +63,9 @@ function BililgeListScreen() {
{tab === "rent" ? (
- {BILILGE_ITEMS.map((item) => ( + {BILILGE_ITEMS.filter( + (item) => category === "전체" || item.category === category, + ).map((item) => (