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

32
components/ui/date-picker.tsx
View file

@ -18,6 +18,7 @@ import { useAction } from '@/hooks/use-action';
import { CardWithList } from '@/types';
interface DatePickerProps {
type: 'dueDate' | 'startedAtDate';
variant?:
| 'outline'
| 'default'
@ -37,6 +38,7 @@ interface DatePickerProps {
}
export function DatePicker({
type,
variant,
className,
size,
@ -49,7 +51,7 @@ export function DatePicker({
const { execute, isLoading } = useAction(updateCard, {
onSuccess: () => {
toast.success('Due date updated');
toast.success('Date updated');
},
onError: (error) => {
toast.error(error);
@ -57,19 +59,33 @@ export function DatePicker({
});
React.useEffect(() => {
if (card?.dueDate) {
if (card?.dueDate && type === 'dueDate') {
setDate(card.dueDate);
}
}, [card?.dueDate]);
if (card?.startedAt && type === 'startedAtDate') {
setDate(card.startedAt);
}
}, [card?.startedAt, card?.dueDate, type]);
const onBlur = () => {
if (!date || !boardId || !card) return;
execute({
id: card.id,
boardId,
dueDate: date,
});
if (type === 'dueDate') {
execute({
id: card.id,
boardId,
dueDate: date,
});
}
if (type === 'startedAtDate') {
execute({
id: card.id,
boardId,
startedAt: date,
});
}
setDate(date);
};