feat(subscription): 5축 점수 breakdown 시각화 + 알림 대상 카운트

- AnnouncementDetail: 5축(지역/유형/면적/가격/자격) progress bar 추가
- MatchesTab: 카드마다 미니 5축 비례 바 추가 (색상 구분)
- ProfileTab: 마운트 시 dashboard도 함께 fetch → pass_count 취득
- NotificationSettings: passCount prop → "현재 N건 대상" 인라인 표시
- Subscription.css: .ns-pass-count 스타일 추가

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-05-01 08:56:36 +09:00
parent 573c0364bb
commit 7cbdbe6e8b
3 changed files with 93 additions and 11 deletions

View File

@@ -1,4 +1,4 @@
export default function NotificationSettings({ minScore, notifyEnabled, onChange }) {
export default function NotificationSettings({ minScore, notifyEnabled, onChange, passCount }) {
const score = minScore ?? 70;
const enabled = notifyEnabled ?? true;
@@ -42,9 +42,16 @@ export default function NotificationSettings({ minScore, notifyEnabled, onChange
</label>
<p className="ns-hint">
{enabled
? `💡 ${score}점 이상 매치 시 텔레그램에 자동 알림합니다.`
: "⚠️ 알림 OFF — 임계값을 통과한 매칭이 있어도 메시지가 발송되지 않습니다."}
{enabled ? (
<>
💡 {score} 이상 매치 텔레그램에 자동 알림합니다.
{passCount != null && (
<span className="ns-pass-count">
현재 <strong>{passCount}</strong> 대상
</span>
)}
</>
) : "⚠️ 알림 OFF — 임계값을 통과한 매칭이 있어도 메시지가 발송되지 않습니다."}
</p>
</div>
</div>