diff --git a/src/renderer/inbox/components/ContinuityBadge.tsx b/src/renderer/inbox/components/ContinuityBadge.tsx index a02d330..ba89890 100644 --- a/src/renderer/inbox/components/ContinuityBadge.tsx +++ b/src/renderer/inbox/components/ContinuityBadge.tsx @@ -1,2 +1,25 @@ import React from 'react'; -export function ContinuityBadge() { return null; } +import { useInbox } from '../store.js'; + +export function ContinuityBadge(): React.ReactElement | null { + const c = useInbox((s) => s.continuity); + if (!c.weekStart) return null; + if (c.weekCount === 0) { + return
이번 주 한 줄이면 시작입니다
; + } + if (c.weekCount < c.weekTarget) { + return ( +
+ 이번 주 {c.weekCount}/{c.weekTarget} +
+ ); + } + return ( +
+ 이번 주 {c.weekCount}/{c.weekTarget} ✓ + {c.consecutiveCompleteWeeks > 0 && ( + · 연속 {c.consecutiveCompleteWeeks}주 완성 + )} +
+ ); +}