remove empty line and add empty cells for calendar month start alignment

This commit is contained in:
Egor Pozharov
2026-04-16 15:48:51 +06:00
parent 6864235e3d
commit 7f775abf6a
2 changed files with 4 additions and 2 deletions

View File

@@ -28,7 +28,6 @@ services:
interval: 10s interval: 10s
timeout: 5s timeout: 5s
retries: 5 retries: 5
depends_on: depends_on:
postgres: postgres:
condition: service_healthy condition: service_healthy

View File

@@ -1,6 +1,6 @@
import { useState, useEffect, useMemo } from 'react'; import { useState, useEffect, useMemo } from 'react';
import { Plus, Printer, ChevronRight, CalendarDays } from 'lucide-react'; import { Plus, Printer, ChevronRight, CalendarDays } from 'lucide-react';
import { format, startOfMonth, endOfMonth, eachDayOfInterval, isToday } from 'date-fns'; import { format, startOfMonth, endOfMonth, eachDayOfInterval, isToday, getDay } from 'date-fns';
import { ru } from 'date-fns/locale'; import { ru } from 'date-fns/locale';
import { useDeliveryStore } from '../stores/deliveryStore'; import { useDeliveryStore } from '../stores/deliveryStore';
import type { Delivery } from '../types'; import type { Delivery } from '../types';
@@ -149,6 +149,9 @@ const Dashboard = ({ onDateSelect, onAddDelivery }: DashboardProps) => {
</div> </div>
<div className="grid grid-cols-7 gap-1"> <div className="grid grid-cols-7 gap-1">
{Array.from({ length: (getDay(startOfMonth(currentMonth)) + 6) % 7 }).map((_, i) => (
<div key={`empty-${i}`} className="p-3 min-h-[80px]" />
))}
{days.map((day) => { {days.map((day) => {
const count = getCountForDate(day); const count = getCountForDate(day);
const isTodayDate = isToday(day); const isTodayDate = isToday(day);