jason/fabdash
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add files via upload

Browse Source
This commit is contained in:
jasonMPM
2026-03-05 18:01:18 -06:00
committed by GitHub
parent ad8163fa5f
commit 65a5c72692
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/components/Calendar/WorkloadHeatmap.jsx
View File

@@ -6,7 +6,8 @@ import useFocusStore from '../../store/useFocusStore'
const WEEKS = 20 const WEEKS = 20
const DAY_INIT = ['M','T','W','T','F','S','S'] const DAY_INIT = ['M','T','W','T','F','S','S']
const CELL = 16 const CELL = 16
const CELL_LG = 20 const CELL_LG = 40
const GAP_LG = 4
const GAP = 2 const GAP = 2
const STATUS_KEYS = ['upcoming','in_progress','completed','overdue'] const STATUS_KEYS = ['upcoming','in_progress','completed','overdue']
@@ -234,7 +235,7 @@ export default function WorkloadHeatmap() {
{/* Day labels */} {/* Day labels */}
<div className="flex flex-col flex-shrink-0 pt-6" style={{ gap: GAP }}> <div className="flex flex-col flex-shrink-0 pt-6" style={{ gap: GAP }}>
{DAY_INIT.map((d, i) => ( {DAY_INIT.map((d, i) => (
<div key={i} style={{ height: CELL_LG }} className="flex items-center text-[10px] text-text-muted/50 font-mono w-4">{d}</div> <div key={i} style={{ height: CELL_LG }} className="flex items-center text-[11px] text-text-muted/50 font-mono w-4">{d}</div>
))} ))}
</div> </div>
@@ -242,12 +243,12 @@ export default function WorkloadHeatmap() {
<div className="flex flex-col flex-shrink-0"> <div className="flex flex-col flex-shrink-0">
<div className="relative h-5 mb-1"> <div className="relative h-5 mb-1">
{monthLabelsBig.map(({ wi, label }) => ( {monthLabelsBig.map(({ wi, label }) => (
<span key={label+wi} className="absolute text-[10px] text-text-muted/60 font-medium" style={{ left: wi * (CELL_LG + GAP) }}>{label}</span> <span key={label+wi} className="absolute text-[10px] text-text-muted/60 font-medium" style={{ left: wi * (CELL_LG + GAP_LG) }}>{label}</span>
))} ))}
</div> </div>
<div className="flex" style={{ gap: GAP }}> <div className="flex" style={{ gap: GAP_LG }}>
{weeks.map((week, wi) => ( {weeks.map((week, wi) => (
<div key={wi} className="flex flex-col flex-shrink-0" style={{ gap: GAP }}> <div key={wi} className="flex flex-col flex-shrink-0" style={{ gap: GAP_LG }}>
{week.map(({ date, key, items, statusCounts }) => { {week.map(({ date, key, items, statusCounts }) => {
const { dominant, total } = getDominantStatus(statusCounts || {}) const { dominant, total } = getDominantStatus(statusCounts || {})
return ( return (