feat: update calendar view checklist

This commit is contained in:
hanif salafi 2025-02-04 14:34:09 +07:00
parent fe8a028a9a
commit 42d9ce4fc0
1 changed files with 7 additions and 2 deletions

View File

@ -94,6 +94,7 @@ interface ListItemProps {
item: any; item: any;
text: string; text: string;
createdBy: string; createdBy: string;
isPublish: boolean;
bgColor: string; bgColor: string;
} }
@ -341,7 +342,7 @@ const CalendarView = ({ categories }: CalendarViewProps) => {
<> <>
<div className="flex flex-row"> <div className="flex flex-row">
{" "} {" "}
{isPublish && <CheckSquare2 />} {isPublish == true && <CheckSquare2 />}
<p className="ml-1">{title}</p> <p className="ml-1">{title}</p>
</div> </div>
@ -402,6 +403,7 @@ const CalendarView = ({ categories }: CalendarViewProps) => {
mabes: "bg-yellow-500", mabes: "bg-yellow-500",
polda: "bg-blue-400", polda: "bg-blue-400",
polres: "bg-slate-400", polres: "bg-slate-400",
satker: "bg-orange-500",
international: "bg-green-400", international: "bg-green-400",
}; };
return colors[type]; return colors[type];
@ -437,6 +439,7 @@ const CalendarView = ({ categories }: CalendarViewProps) => {
item, item,
text, text,
createdBy, createdBy,
isPublish,
bgColor, bgColor,
}) => ( }) => (
<div <div
@ -444,7 +447,7 @@ const CalendarView = ({ categories }: CalendarViewProps) => {
onClick={() => handleClickListItem(item)} onClick={() => handleClickListItem(item)}
> >
<div className="flex flex-row items-center"> <div className="flex flex-row items-center">
<CheckSquare2Icon /> {isPublish == true && <CheckSquare2Icon />}
<p className="ml-1">{text}</p> <p className="ml-1">{text}</p>
</div> </div>
<p className="ml-1 text-xs text-start mt-2">Created By: {createdBy}</p> <p className="ml-1 text-xs text-start mt-2">Created By: {createdBy}</p>
@ -475,6 +478,7 @@ const CalendarView = ({ categories }: CalendarViewProps) => {
item={event} item={event}
text={event.title} text={event.title}
createdBy={event.createdByName} createdBy={event.createdByName}
isPublish={event.isPublish}
bgColor={getEventColor(event.agendaType)} bgColor={getEventColor(event.agendaType)}
/> />
))} ))}
@ -504,6 +508,7 @@ const CalendarView = ({ categories }: CalendarViewProps) => {
item={event} item={event}
text={event.title} text={event.title}
createdBy={event.createdByName} createdBy={event.createdByName}
isPublish={event.isPublish}
bgColor={getEventColor(event.agendaType)} bgColor={getEventColor(event.agendaType)}
/> />
))} ))}