ahmadk953/tasko
1
0
Fork 0
mirror of https://github.com/ahmadk953/tasko.git synced 2025-05-01 03:09:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added Started At Date Field

Browse source
This commit is contained in:
Ahmad 2024-11-07 20:29:32 -05:00
parent c6e2a88f1c
commit 514ae94f43
No known key found for this signature in database
GPG key ID: 8FD8A93530D182BF
5 changed files with 50 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

20
app/(platform)/(dashboard)/board/[boardId]/_components/card-item.tsx
View file

@ -24,15 +24,21 @@ export const CardItem = ({ index, data }: CardItemProps) => {
ref={provided.innerRef}
role='button'
onClick={() => cardModal.onOpen(data.id)}
className='truncate rounded-md border-2 border-transparent bg-white px-3 py-2 text-sm shadow-sm hover:border-black'
className='space-y-2 truncate rounded-md border-2 border-transparent bg-white px-3 py-2 text-sm shadow-sm hover:border-black'
>
{data.title}
<div className='flex w-fit rounded-md border-2 border-transparent bg-slate-100 px-0.5 pb-0.5 pt-0.5 text-sm'>
<Calendar className='ml-0.5 mr-0.5 h-4 w-4' />
{data?.dueDate
? 'Due: ' + format(data.dueDate, 'PP')
: 'No Due Date'}
</div>
{data?.dueDate && (
<div className='flex w-fit rounded-md border-2 border-transparent bg-slate-100 px-0.5 pb-0.5 pt-0.5 text-sm'>
<Calendar className='ml-0.5 mr-0.5 h-4 w-4' />
Due: {format(data.dueDate, 'PP')}
</div>
)}
{data?.startedAt && (
<div className='flex w-fit rounded-md border-2 border-transparent bg-slate-100 px-0.5 pb-0.5 pt-0.5 text-sm'>
<Calendar className='ml-0.5 mr-0.5 h-4 w-4' />
Started: {format(data.startedAt, 'PP')}
</div>
)}
</div>
)}
</Draggable>