import { observer } from "mobx-react-lite"; // mobx store import { useMobxStore } from "lib/mobx/store-provider"; // components import { CalendarDayTile } from "components/issues"; // helpers import { renderDateFormat } from "helpers/date-time.helper"; // types import { ICalendarDate, ICalendarWeek } from "./types"; import { IIssue } from "types"; import { IGroupedIssues, IIssueResponse } from "store/issues/types"; type Props = { issues: IIssueResponse | undefined; groupedIssueIds: IGroupedIssues; week: ICalendarWeek | undefined; quickActions: (issue: IIssue, customActionButton?: React.ReactElement) => React.ReactNode; enableQuickIssueCreate?: boolean; quickAddCallback?: ( workspaceSlug: string, projectId: string, data: IIssue, viewId?: string ) => Promise; viewId?: string; }; export const CalendarWeekDays: React.FC = observer((props) => { const { issues, groupedIssueIds, week, quickActions, enableQuickIssueCreate, quickAddCallback, viewId } = props; const { issueFilter: issueFilterStore } = useMobxStore(); const calendarLayout = issueFilterStore.userDisplayFilters.calendar?.layout ?? "month"; const showWeekends = issueFilterStore.userDisplayFilters.calendar?.show_weekends ?? false; if (!week) return null; return (
{Object.values(week).map((date: ICalendarDate) => { if (!showWeekends && (date.date.getDay() === 0 || date.date.getDay() === 6)) return null; return ( ); })}
); });