From 8f12d3d01b077e8a178d14d92a2ee7cc950e6456 Mon Sep 17 00:00:00 2001 From: Anmol Singh Bhatia <121005188+anmolsinghbhatia@users.noreply.github.com> Date: Fri, 21 Apr 2023 15:45:57 +0530 Subject: [PATCH] style: calendar theming (#918) --- .../core/calendar-view/calendar.tsx | 40 +++++++++---------- 1 file changed, 20 insertions(+), 20 deletions(-) diff --git a/apps/app/components/core/calendar-view/calendar.tsx b/apps/app/components/core/calendar-view/calendar.tsx index 33b1e3ef2..a9824d004 100644 --- a/apps/app/components/core/calendar-view/calendar.tsx +++ b/apps/app/components/core/calendar-view/calendar.tsx @@ -108,9 +108,9 @@ export const CalendarView: React.FC = ({ addIssueToDate }) => { cycleId as string, { ...params, - target_date: `${renderDateFormat(calendarDateRange.startDate)};after,${renderDateFormat( - calendarDateRange.endDate - )};before`, + target_date: `${renderDateFormat( + calendarDateRange.startDate + )};after,${renderDateFormat(calendarDateRange.endDate)};before`, group_by: null, } ) @@ -129,9 +129,9 @@ export const CalendarView: React.FC = ({ addIssueToDate }) => { moduleId as string, { ...params, - target_date: `${renderDateFormat(calendarDateRange.startDate)};after,${renderDateFormat( - calendarDateRange.endDate - )};before`, + target_date: `${renderDateFormat( + calendarDateRange.startDate + )};after,${renderDateFormat(calendarDateRange.endDate)};before`, group_by: null, } ) @@ -227,15 +227,15 @@ export const CalendarView: React.FC = ({ addIssueToDate }) => { return calendarIssues ? ( -
+
{({ open }) => ( <> - +
- {formatDate(currentDate, "Month")}{" "} + {formatDate(currentDate, "Month")}{" "} {formatDate(currentDate, "yyyy")}
@@ -256,9 +256,9 @@ export const CalendarView: React.FC = ({ addIssueToDate }) => { onClick={() => updateDate(updateDateWithYear(year.label, currentDate))} className={` ${ isSameYear(year.value, currentDate) - ? "text-sm font-medium text-gray-800" - : "text-xs text-gray-400 " - } hover:text-sm hover:font-medium hover:text-gray-800`} + ? "text-sm font-medium text-brand-base" + : "text-xs text-brand-secondary " + } hover:text-sm hover:font-medium hover:text-brand-base`} > {year.label} @@ -270,9 +270,9 @@ export const CalendarView: React.FC = ({ addIssueToDate }) => { onClick={() => updateDate(updateDateWithMonth(month.value, currentDate)) } - className={`px-2 py-2 text-xs text-gray-400 hover:font-medium hover:text-gray-800 ${ + className={`px-2 py-2 text-xs text-brand-secondary hover:font-medium hover:text-brand-base ${ isSameMonth(month.value, currentDate) - ? "font-medium text-gray-800" + ? "font-medium text-brand-base" : "" }`} > @@ -358,7 +358,7 @@ export const CalendarView: React.FC = ({ addIssueToDate }) => { endDate: lastDayOfWeek(currentDate), }); }} - className="w-52 text-sm text-gray-600" + className="w-52 text-sm text-brand-secondary" >
Monthly View @@ -377,7 +377,7 @@ export const CalendarView: React.FC = ({ addIssueToDate }) => { endDate: getCurrentWeekEndDate(currentDate), }); }} - className="w-52 text-sm text-gray-600" + className="w-52 text-sm text-brand-secondary" >
Weekly View @@ -388,7 +388,7 @@ export const CalendarView: React.FC = ({ addIssueToDate }) => { />
-
+

Show weekends