forked from github/plane
cd5e5b96da
* feat: init mobx and issue filter * feat: Implemented list and kanban views in plane space and integrated mobx. * feat: updated store type check
33 lines
1.0 KiB
TypeScript
33 lines
1.0 KiB
TypeScript
"use client";
|
|
|
|
// helpers
|
|
import { renderDateFormat } from "constants/helpers";
|
|
|
|
export const findHowManyDaysLeft = (date: string | Date) => {
|
|
const today = new Date();
|
|
const eventDate = new Date(date);
|
|
const timeDiff = Math.abs(eventDate.getTime() - today.getTime());
|
|
return Math.ceil(timeDiff / (1000 * 3600 * 24));
|
|
};
|
|
|
|
const validDate = (date: any, state: string): string => {
|
|
if (date === null || ["backlog", "unstarted", "cancelled"].includes(state))
|
|
return `bg-gray-500/10 text-gray-500 border-gray-500/50`;
|
|
else {
|
|
const today = new Date();
|
|
const dueDate = new Date(date);
|
|
|
|
if (dueDate < today) return `bg-red-500/10 text-red-500 border-red-500/50`;
|
|
else return `bg-green-500/10 text-green-500 border-green-500/50`;
|
|
}
|
|
};
|
|
|
|
export const IssueBlockDueDate = ({ due_date, state }: any) => (
|
|
<div
|
|
className={`h-[24px] rounded-sm flex px-2 items-center border border-gray-300 gap-1 text-gray-700 text-xs font-medium
|
|
${validDate(due_date, state)}`}
|
|
>
|
|
{renderDateFormat(due_date)}
|
|
</div>
|
|
);
|