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 13:17:36 -06:00
committed by GitHub
parent 20416b5805
commit 533b6fbfd2
4 changed files with 46 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/src/components/FocusView/DeliverableCard.jsx
View File

@@ -1,18 +1,19 @@
import Badge from '../UI/Badge'
import { formatDate } from '../../utils/dateHelpers'
export default function DeliverableCard({ deliverable, isActive, index, projectColor, onEdit }) {
export default function DeliverableCard({ deliverable, isActive, index, projectColor, onSelect, onEdit }) {
return (
<div
onClick={() => isActive && onEdit && onEdit(deliverable)}
className={`relative flex flex-col gap-2 rounded-xl border p-4 min-w-[190px] max-w-[230px] flex-shrink-0 transition-all duration-300 select-none
onClick={() => onSelect(deliverable.id)}
className={`relative flex flex-col gap-2 rounded-xl border p-4 min-w-[190px] max-w-[230px] flex-shrink-0 cursor-pointer
transition-all duration-200 select-none mt-4
${isActive
? 'border-gold bg-surface-elevated shadow-gold scale-105 ring-2 ring-gold/30 cursor-pointer'
: 'border-surface-border bg-surface cursor-default'
? 'border-gold bg-surface-elevated shadow-gold scale-105 ring-2 ring-gold/30'
: 'border-surface-border bg-surface hover:border-gold/40 hover:bg-surface-elevated/60'
}`}
>
{isActive && (
<div className="absolute -top-3 left-1/2 -translate-x-1/2 bg-gold text-surface text-[9px] font-black px-2.5 py-0.5 rounded-full tracking-widest uppercase">
<div className="absolute -top-5 left-1/2 -translate-x-1/2 bg-gold text-surface text-[9px] font-black px-2.5 py-0.5 rounded-full tracking-widest uppercase whitespace-nowrap">
Selected
</div>
)}
@@ -29,6 +30,14 @@ export default function DeliverableCard({ deliverable, isActive, index, projectC
{formatDate(deliverable.due_date)}
</p>
<Badge status={deliverable.status} />
{isActive && (
<button
onClick={(e) => { e.stopPropagation(); onEdit(deliverable) }}
className="mt-1 text-[10px] text-gold/70 hover:text-gold border border-gold/20 hover:border-gold/50 rounded px-2 py-0.5 transition-all text-center"
>
Edit
</button>
)}
</div>
)
}