style: 레이싱 게임 내부의 handleSmoothlyStop()에서 더 이동해야 하는 거리에 매직넘버 적용 (CC-162)

softeerbootcamp4th · Aug 19, 2024 · b0c8efd · b0c8efd
1 parent 73e1266
commit b0c8efd
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/Caecae/src/components/RacingGame/RacingGame.tsx b/Caecae/src/components/RacingGame/RacingGame.tsx
@@ -175,6 +175,8 @@ const RacingGame: React.FC = () => {
   };
 
   const handleSmoothlyStop = () => {
+    const moveMoreDistance = 500;
+
     if (endGameTimeoutRef.current) {
       clearTimeout(endGameTimeoutRef.current);
     }
@@ -187,12 +189,12 @@ const RacingGame: React.FC = () => {
       const currentRearX = rearRef.current?.getBoundingClientRect().x || 0;
 
       frontAnimationControls.start({
-        x: currentFrontX - 500,
+        x: currentFrontX - moveMoreDistance,
         transition: { duration: 1, ease: "easeOut" },
       });
 
       rearAnimationControls.start({
-        x: currentRearX - 500,
+        x: currentRearX - moveMoreDistance,
         transition: { duration: 1, ease: "easeOut" },
       });