From 647ec37d999ec57c0e50a8c74a22b21abab0f997 Mon Sep 17 00:00:00 2001
From: mathis <mathis.grillot1@gmail.com>
Date: Sun, 30 Aug 2026 23:46:54 +0200
Subject: [PATCH] fix(classiques): reduce stops marquee scroll speed by 60%
 (duration 25s)

---
 src/components/MarqueeText.js                         | 6 ++++--
 src/pages/afficheurs/classiques/ClassiquesArrivees.js | 1 +
 src/pages/afficheurs/classiques/ClassiquesDeparts.js  | 1 +
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/MarqueeText.js b/src/components/MarqueeText.js
index f911b82..3d7795f 100644
--- a/src/components/MarqueeText.js
+++ b/src/components/MarqueeText.js
@@ -1,11 +1,13 @@
 import React, { useRef, useState, useEffect } from 'react';
 import './MarqueeText.css';
 
-const MarqueeText = ({ text, className, style }) => {
+const MarqueeText = ({ text, className, style, duration = '10s' }) => {
   const containerRef = useRef(null);
   const textRef = useRef(null);
   const [isOverflowing, setIsOverflowing] = useState(false);
 
+  const formattedDuration = typeof duration === 'number' ? `${duration}s` : duration;
+
   useEffect(() => {
     const checkOverflow = () => {
       if (containerRef.current && textRef.current) {
@@ -24,7 +26,7 @@ const MarqueeText = ({ text, className, style }) => {
         ref={textRef} 
         style={{ 
           display: 'inline-block', 
-          animation: isOverflowing ? 'marquee-scroll 10s linear infinite' : 'none',
+          animation: isOverflowing ? `marquee-scroll ${formattedDuration} linear infinite` : 'none',
           paddingLeft: isOverflowing ? '100%' : '0',
           fontSize: 'inherit',
           fontWeight: 'inherit',
diff --git a/src/pages/afficheurs/classiques/ClassiquesArrivees.js b/src/pages/afficheurs/classiques/ClassiquesArrivees.js
index 2811a2a..3db2ade 100644
--- a/src/pages/afficheurs/classiques/ClassiquesArrivees.js
+++ b/src/pages/afficheurs/classiques/ClassiquesArrivees.js
@@ -1314,6 +1314,7 @@ export default function ClassiquesArrivees(){
             <div className="aff-classiques-arrivees__sub-stops">
               <MarqueeText
                 className="aff-classiques-arrivees__sub-stops-marquee"
+                duration="25s"
                 text={
                   <span className="aff-classiques-arrivees__stops-chain">
                     {stopsList.map((stopName, sIdx) => (
diff --git a/src/pages/afficheurs/classiques/ClassiquesDeparts.js b/src/pages/afficheurs/classiques/ClassiquesDeparts.js
index 75063fe..ab2402e 100644
--- a/src/pages/afficheurs/classiques/ClassiquesDeparts.js
+++ b/src/pages/afficheurs/classiques/ClassiquesDeparts.js
@@ -1311,6 +1311,7 @@ export default function ClassiquesDeparts(){
             <div className="aff-classiques-departs__sub-stops">
               <MarqueeText
                 className="aff-classiques-departs__sub-stops-marquee"
+                duration="25s"
                 text={
                   <span className="aff-classiques-departs__stops-chain">
                     {stopsList.map((stopName, sIdx) => (