syoul/g1flux
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: animation 30 jours en demi-semaines (3.5j, ~9 frames)
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse Source 
Remplace les frames hebdomadaires (5 frames) par des demi-semaines
(3.5 jours, ~9-10 frames) pour une animation plus fluide sur 30 jours.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
syoul
2026-03-23 21:40:48 +01:00
parent d4cc4fbd3a
commit 0aea929b48
1 changed files with 4 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/hooks/useAnimation.ts
+4 -5
View File
@@ -39,20 +39,19 @@ function buildFrames(periodDays: number): TimeFrame[] {
}); });
} }
// 30 days → weekly frames // 30 days → half-week frames (3.5 days ≈ 9–10 frames)
const HALF_WEEK = 3.5 * 86_400_000;
const frames: TimeFrame[] = []; const frames: TimeFrame[] = [];
let cursor = start; let cursor = start;
let week = 1;
while (cursor < now) { while (cursor < now) {
const from = cursor; const from = cursor;
const to = Math.min(cursor + 7 * 86_400_000, now); const to = Math.min(cursor + HALF_WEEK, now);
frames.push({ frames.push({
label: `Semaine ${week} · ${fmt(from, { day: 'numeric', month: 'short' })} – ${fmt(to - 1, { day: 'numeric', month: 'short' })}`, label: `${fmt(from, { day: 'numeric', month: 'short' })} – ${fmt(to - 1, { day: 'numeric', month: 'short' })}`,
from, from,
to, to,
}); });
cursor = to; cursor = to;
week++;
} }
return frames; return frames;
} }