Added Ability to add Due Dates to Cards

This commit is contained in:
Ahmad 2024-03-15 17:01:41 -04:00
parent be1ddcb0ad
commit 8ef97bf854
No known key found for this signature in database
GPG key ID: 8FD8A93530D182BF
8 changed files with 207 additions and 4 deletions

View file

@ -12,6 +12,7 @@ import { copyCard } from '@/actions/copy-card';
import { CardWithList } from '@/types';
import { useCardModal } from '@/hooks/use-card-modal';
import { DatePicker } from '@/components/ui/date-picker';
interface ActionsProps {
data: CardWithList;
@ -78,6 +79,15 @@ export const Actions = ({ data }: ActionsProps) => {
<Copy className='mr-2 h-4 w-4' />
Copy
</Button>
<DatePicker
variant='gray'
className='w-full justify-start text-black'
size='inline'
placeholder='Add Due Date'
afterSelectText='Due '
boardId={params.boardId as string}
card={data}
/>
<Button
onClick={onDelete}
disabled={isLoadingDelete}

View file

@ -34,7 +34,7 @@ export const CardModal = () => {
{!cardData ? <Header.Skeleton /> : <Header data={cardData} />}
<div className='grid grid-cols-1 md:grid-cols-4 md:gap-4'>
<div className='col-span-3'>
<div className='w-full space-y-6'>
<div className='w-full space-y-10'>
{!cardData ? (
<Description.Skeleton />
) : (