From 0b701e95b12336c4f29ecca8bc22308fc51b047f Mon Sep 17 00:00:00 2001 From: EENE Dashboard Date: Fri, 5 Jun 2026 09:58:22 +0900 Subject: [PATCH] style: update dashboard header green hub theme Co-authored-by: Cursor --- .../components/dashboard/DashboardHeader.tsx | 86 ++++++++----------- frontend/src/pages/DashboardPage.tsx | 5 +- 2 files changed, 38 insertions(+), 53 deletions(-) diff --git a/frontend/src/components/dashboard/DashboardHeader.tsx b/frontend/src/components/dashboard/DashboardHeader.tsx index 1b0eb0f..41fee61 100644 --- a/frontend/src/components/dashboard/DashboardHeader.tsx +++ b/frontend/src/components/dashboard/DashboardHeader.tsx @@ -2,7 +2,6 @@ interface Stats { total: number; inProgress: number; review: number; - waiting: number; done: number; issues: number; } @@ -17,86 +16,73 @@ interface DashboardHeaderProps { } export function DashboardHeader({ quarter, stats, activeStatus, onStatusChange, onOpenDetailWindow, onOpenTaskManager }: DashboardHeaderProps) { - const today = new Date(); - const todayStr = `${today.getMonth() + 1}월 ${today.getDate()}일`; + const quarterLabel = quarter.replace(/^(\d{4})-Q(\d)$/, '$1 $2분기 업무'); return ( -
+
+
+
- {/* ── 왼쪽: 팀명 + 분기 ── */} -
-
- People Growth Hub -
-
- - {quarter.replace(/^(\d{4})-Q(\d)$/, '$1년 $2분기')} +
+ People Growth Hub + + 👥 + {quarterLabel} + • + +
+ + + + + +
- {/* ── 가운데: 상태 필터 버튼 (절대 중앙 정렬) ── */} -
- - - - - - {stats.issues > 0 && ( - <> - | - - - )} -
- - {/* ── 오른쪽: 버튼들 + 날짜 ── */} -
+
+ - -
- {todayStr}
); } -interface StatButtonProps { +interface StatPillProps { label: string; value: number; statusKey: string; activeStatus: string; onClick: (key: string) => void; - color: string; - activeColor: string; + accent: string; } -function StatButton({ label, value, statusKey, activeStatus, onClick, color, activeColor }: StatButtonProps) { +function StatPill({ label, value, statusKey, activeStatus, onClick, accent }: StatPillProps) { const isActive = activeStatus === statusKey; return ( ); } diff --git a/frontend/src/pages/DashboardPage.tsx b/frontend/src/pages/DashboardPage.tsx index 559a26c..1f5352a 100644 --- a/frontend/src/pages/DashboardPage.tsx +++ b/frontend/src/pages/DashboardPage.tsx @@ -182,8 +182,7 @@ export default function DashboardPage() { const stats = { total: tasks.length, inProgress: tasks.filter((t) => t.status === 'IN_PROGRESS').length, - review: tasks.filter((t) => t.status === 'REVIEW' || t.status === 'CANCELLED').length, - waiting: tasks.filter((t) => t.status === 'TODO').length, + review: tasks.filter((t) => t.status === 'REVIEW' || t.status === 'CANCELLED' || t.status === 'TODO').length, done: tasks.filter((t) => t.status === 'DONE').length, issues: tasks.filter((t) => !!t.issueNote).length, }; @@ -191,7 +190,7 @@ export default function DashboardPage() { const filtered = tasks.filter((t) => { if (activeStatus === '전체') return true; if (activeStatus === 'ISSUES') return !!t.issueNote; - if (activeStatus === 'REVIEW') return t.status === 'REVIEW' || t.status === 'CANCELLED'; + if (activeStatus === 'REVIEW') return t.status === 'REVIEW' || t.status === 'CANCELLED' || t.status === 'TODO'; return t.status === activeStatus; });