Michael/LogiFlow
1
0 Fork 0
mirror of https://github.com/R0m1k3/LogiFlow.git synced 2026-10-11 17:27:31 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update calendar to use a more pleasant green for pending items

Browse Source 
Refactor the `CalendarGrid.tsx` component to replace all instances of `bg-teal-*` and `border-teal-*` with `bg-green-*` and `border-green-*` respectively, aligning with user feedback on color preference.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: cc2d271b-82f0-4d6a-9302-a0b067ffb429
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/cc2d271b-82f0-4d6a-9302-a0b067ffb429/JD1K1zt
This commit is contained in:
michaelschal committed 2025-08-18 15:49:03 +00:00
1 parent 286a603fc5
commit e7b9003e06
1 file changed
+6 -6
Download Patch File Download Diff File Expand all files Collapse all files
client/src/components/CalendarGrid.tsx
+6 -6
View File
@@ -68,9 +68,9 @@ function CalendarItem({ item, type, onItemClick }: { item: any, type: 'order' |
case 'delivered':
return 'bg-gray-400 text-white shadow-md border-l-4 border-gray-500';
case 'pending':
return 'bg-teal-200 text-gray-800 shadow-md border-l-4 border-teal-500';
return 'bg-green-200 text-gray-800 shadow-md border-l-4 border-green-500';
default:
return 'bg-teal-200 text-gray-800 shadow-md border-l-4 border-teal-500';
return 'bg-green-200 text-gray-800 shadow-md border-l-4 border-green-500';
}
};
@@ -89,7 +89,7 @@ function CalendarItem({ item, type, onItemClick }: { item: any, type: 'order' |
</span>
<div style={{display: 'flex', alignItems: 'center', marginLeft: '4px'}}>
{item.status === 'pending' && (
<div className="w-2 h-2 bg-teal-600 rounded-full" title="En attente" />
<div className="w-2 h-2 bg-green-600 rounded-full" title="En attente" />
)}
{item.status === 'delivered' && (
<Check className="w-3 h-3" />
@@ -168,7 +168,7 @@ function DayItemsContainer({ dayOrders, dayDeliveries, onItemClick }: { dayOrder
? 'bg-yellow-50 border-yellow-200'
: isOrder
? 'bg-blue-50 border-blue-200'
: 'bg-teal-50 border-teal-200';
: 'bg-green-50 border-green-200';
const statusText = item.status === 'delivered' ? 'Livré' :
item.status === 'planned' ? 'Planifié' : 'En attente';
@@ -179,7 +179,7 @@ function DayItemsContainer({ dayOrders, dayDeliveries, onItemClick }: { dayOrder
? <div className="w-2 h-2 bg-yellow-500 rounded-full" />
: isOrder
? <div className="w-2 h-2 bg-blue-500 rounded-full" />
: <div className="w-2 h-2 bg-teal-600 rounded-full" />;
: <div className="w-2 h-2 bg-green-600 rounded-full" />;
return (
<div
@@ -202,7 +202,7 @@ function DayItemsContainer({ dayOrders, dayDeliveries, onItemClick }: { dayOrder
<span className={`text-xs px-1.5 py-0.5 rounded font-medium ${
item.status === 'delivered' ? 'bg-gray-200 text-gray-700' :
item.status === 'planned' ? 'bg-yellow-200 text-yellow-800' :
isOrder ? 'bg-blue-200 text-blue-800' : 'bg-teal-200 text-teal-800'
isOrder ? 'bg-blue-200 text-blue-800' : 'bg-green-200 text-green-800'
}`}>
{statusText}
</span>