mirror of
https://github.com/R0m1k3/LogiFlow.git
synced 2026-10-21 14:08:15 +02:00
Merge pull request #224 from R0m1k3/1.1
Improve calendar visual distinction for weekend days
This commit is contained in:
2 files changed
+3
No files matched your search
Binary file not shown.
|
After Width: | Height: | Size: 76 KiB |
@@ -378,6 +378,7 @@ export default function CalendarGrid({
|
|||||||
{paddedDays.map((date, index) => {
|
{paddedDays.map((date, index) => {
|
||||||
const isCurrentMonth = isSameMonth(date, currentDate);
|
const isCurrentMonth = isSameMonth(date, currentDate);
|
||||||
const isTodayDate = isToday(date);
|
const isTodayDate = isToday(date);
|
||||||
|
const isWeekend = date.getDay() === 0 || date.getDay() === 6; // Dimanche (0) ou Samedi (6)
|
||||||
const { orders: dayOrders, deliveries: dayDeliveries } = getItemsForDate(date);
|
const { orders: dayOrders, deliveries: dayDeliveries } = getItemsForDate(date);
|
||||||
const dayPublicities = getPublicitiesForDate(date);
|
const dayPublicities = getPublicitiesForDate(date);
|
||||||
|
|
||||||
@@ -387,6 +388,8 @@ export default function CalendarGrid({
|
|||||||
className={`h-32 border-r border-b border-gray-100 relative group cursor-pointer transition-colors ${
|
className={`h-32 border-r border-b border-gray-100 relative group cursor-pointer transition-colors ${
|
||||||
isTodayDate
|
isTodayDate
|
||||||
? "bg-blue-50 hover:bg-blue-100 ring-1 ring-blue-200"
|
? "bg-blue-50 hover:bg-blue-100 ring-1 ring-blue-200"
|
||||||
|
: isWeekend && isCurrentMonth
|
||||||
|
? "bg-gray-100 hover:bg-gray-200"
|
||||||
: isCurrentMonth
|
: isCurrentMonth
|
||||||
? "bg-white hover:bg-gray-50"
|
? "bg-white hover:bg-gray-50"
|
||||||
: "bg-gray-50"
|
: "bg-gray-50"
|
||||||
|
|||||||
Reference in new issue
Block a user