h/car
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix schedule start date and timeline sort order

Browse Source 
Agent-Logs-Url: https://github.com/pdf114514/CarReservation/sessions/47d2417d-06f8-4edb-95cc-c0d838df7be0

Co-authored-by: pdf114514 <57948770+pdf114514@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot]
2026-04-15 05:21:07 +00:00
committed by GitHub
parent 112942b0c8
commit 8c940e10be
2 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/ScheduleView.jsx
View File

@@ -1,5 +1,5 @@
import { useState, useEffect, useRef, useCallback } from 'react'; import { useState, useEffect, useRef, useCallback } from 'react';
import { format, addDays, startOfWeek, parseISO, differenceInDays } from 'date-fns'; import { format, addDays, parseISO, differenceInDays } from 'date-fns';
import { ja } from 'date-fns/locale'; import { ja } from 'date-fns/locale';
import { api } from '../api.js'; import { api } from '../api.js';
import { isInspectionExpirySoon, formatDateRange, formatReservationTooltip } from '../utils/carUtils.js'; import { isInspectionExpirySoon, formatDateRange, formatReservationTooltip } from '../utils/carUtils.js';
@@ -43,10 +43,8 @@ export default function ScheduleView({ reloadKey = 0 }) {
const [loading, setLoading] = useState(true); const [loading, setLoading] = useState(true);
const [error, setError] = useState(null); const [error, setError] = useState(null);
// The first date shown in the grid // The first date shown in the grid (start from today)
const [viewStart, setViewStart] = useState(() => const [viewStart, setViewStart] = useState(() => new Date());
startOfWeek(new Date(), { weekStartsOn: 1 })
);
// Drag-to-create state // Drag-to-create state
const [creating, setCreating] = useState(null); const [creating, setCreating] = useState(null);
@@ -92,7 +90,7 @@ export default function ScheduleView({ reloadKey = 0 }) {
// --- Navigation --- // --- Navigation ---
const prevWeek = () => setViewStart((d) => addDays(d, -7)); const prevWeek = () => setViewStart((d) => addDays(d, -7));
const nextWeek = () => setViewStart((d) => addDays(d, 7)); const nextWeek = () => setViewStart((d) => addDays(d, 7));
const goToday = () => setViewStart(startOfWeek(new Date(), { weekStartsOn: 1 })); const goToday = () => setViewStart(new Date());
// --- Grid position helpers --- // --- Grid position helpers ---
// Given a mouse clientX within the grid scroll area, get the half-day slot index (0-based) // Given a mouse clientX within the grid scroll area, get the half-day slot index (0-based)

4
frontend/src/components/TimelineView.jsx
View File

@@ -136,9 +136,9 @@ export default function TimelineView({ reloadKey = 0 }) {
const carColorMap = {}; const carColorMap = {};
cars.forEach((car, i) => { carColorMap[car.id] = getColor(i); }); cars.forEach((car, i) => { carColorMap[car.id] = getColor(i); });
// Sort reservations by start_date then car // Sort reservations by start_date descending (newest first) then car
const sortedReservations = [...reservations].sort((a, b) => { const sortedReservations = [...reservations].sort((a, b) => {
if (a.start_date !== b.start_date) return a.start_date < b.start_date ? -1 : 1; if (a.start_date !== b.start_date) return a.start_date > b.start_date ? -1 : 1;
return a.car_id - b.car_id; return a.car_id - b.car_id;
}); });