From 0a0ab05e41d41096b60d22f35f9bc9e29b549ac2 Mon Sep 17 00:00:00 2001
From: gahusb <bgg8988@gmail.com>
Date: Tue, 28 Apr 2026 11:06:32 +0900
Subject: [PATCH] =?UTF-8?q?feat(subscription):=20AnnouncementCard=EC=97=90?=
 =?UTF-8?q?=20district=20+=205=ED=8B=B0=EC=96=B4=20=EB=B1=83=EC=A7=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/subscription/Subscription.jsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/pages/subscription/Subscription.jsx b/src/pages/subscription/Subscription.jsx
index c41e732..5c0b8aa 100644
--- a/src/pages/subscription/Subscription.jsx
+++ b/src/pages/subscription/Subscription.jsx
@@ -41,7 +41,6 @@ const DEFAULT_PROFILE = {
 // ── 유틸 ──────────────────────────────────────────────────────────────────────
 
 // 매칭 reasons에서 자치구 티어를 추출 ("자치구 S티어: 강남구 (+25)" → "S")
-// eslint-disable-next-line no-unused-vars
 function extractTier(reasons) {
     for (const r of reasons || []) {
         const m = r.match(/자치구 ([SABCD])티어/);
@@ -358,6 +357,17 @@ function AnnouncementCard({ item, isSelected, onClick, onBookmark }) {
                             {item.match_score}점
                         </span>
                     )}
+                    {item.district && (
+                        <span className="sub-chip sub-chip--district">{item.district}</span>
+                    )}
+                    {(() => {
+                        const tier = extractTier(item.match_reasons);
+                        return tier ? (
+                            <span className={`sub-chip sub-chip--tier sub-chip--tier-${tier}`}>
+                                {tier}티어
+                            </span>
+                        ) : null;
+                    })()}
                 </div>
                 <button
                     onClick={(e) => { e.stopPropagation(); onBookmark?.(item.id); }}