Michael/LogiFlow
1
0 Fork 0
mirror of https://github.com/R0m1k3/LogiFlow.git synced 2026-10-15 03:09:32 +02:00
Code Issues Packages Projects Releases Wiki Activity

Unify calendar display for consistent development and production experiences

Browse Source 
Synchronize the CalendarGrid component between development and production environments, enforcing uniform item visibility and button styling for a consistent user interface.

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/WnYSbrG
This commit is contained in:
michaelschal committed 2025-08-18 14:32:58 +00:00
1 parent e1e6afa103
commit e35fd806b4
4 files changed
+50 -363
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

client/src/components/CalendarGrid.tsx
+7 -7
View File
@@ -100,10 +100,10 @@ function CalendarItem({ item, type, onItemClick }: { item: any, type: 'order' |
);
}
// Composant pour gérer l'overflow avec modal
// Composant pour gérer l'overflow avec modal - DEV = PRODUCTION
function DayItemsContainer({ dayOrders, dayDeliveries, onItemClick }: { dayOrders: any[], dayDeliveries: any[], onItemClick: (item: any, type: 'order' | 'delivery') => void }) {
const [isOpen, setIsOpen] = useState(false);
const MAX_VISIBLE_ITEMS = 4; // Production : 4 éléments visibles
const MAX_VISIBLE_ITEMS = 4; // FORCÉ : 4 éléments en dev ET production
const totalItems = dayOrders.length + dayDeliveries.length;
if (totalItems === 0) return null;
@@ -118,8 +118,8 @@ function DayItemsContainer({ dayOrders, dayDeliveries, onItemClick }: { dayOrder
const hiddenCount = Math.max(0, totalItems - MAX_VISIBLE_ITEMS);
return (
<div className="space-y-1.5 relative z-20">
{/* Éléments visibles */}
<div className="space-y-1 relative" style={{minHeight: '60px'}}>
{/* Éléments visibles - IDENTIQUE DEV/PROD */}
{visibleItems.map((item, index) => (
<CalendarItem
key={`${item.itemType}-${item.id}`}
@@ -129,14 +129,14 @@ function DayItemsContainer({ dayOrders, dayDeliveries, onItemClick }: { dayOrder
/>
))}
{/* Badge "+X autres" avec modal moderne */}
{/* Badge "+X autres" - BLANC/GRIS UNIFORME */}
{hiddenCount > 0 && (
<Dialog open={isOpen} onOpenChange={setIsOpen}>
<DialogTrigger asChild>
<Button
variant="outline"
size="sm"
className="w-full h-5 text-xs bg-white hover:bg-gray-50 border-gray-400 text-gray-700 font-semibold shadow-sm transition-all duration-150 border relative z-50"
className="w-full h-5 text-xs bg-white hover:bg-gray-50 border-gray-400 text-gray-700 font-semibold shadow-sm transition-all duration-150 border"
style={{display: 'block !important', position: 'relative', zIndex: 9999}}
onClick={(e) => {
e.stopPropagation();
@@ -439,7 +439,7 @@ export default function CalendarGrid({
)}
</div>
{/* Orders and Deliveries - Production optimisé */}
{/* Orders and Deliveries - DEV = PRODUCTION */}
<div className="flex-1 relative" style={{minHeight: '80px', overflow: 'visible'}}>
<DayItemsContainer
dayOrders={dayOrders}