From 75953489aa3110fb477c6cfebd7b54b202589eee Mon Sep 17 00:00:00 2001
From: Justin Shetty <jas0504@gmail.com>
Date: Mon, 10 Feb 2025 14:05:52 +0900
Subject: [PATCH] fix: round stepSize to one decimal place (#46)

---
 package.json             |  2 +-
 src/AnimationControl.tsx | 16 +++++++++-------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 2da46aa..410404f 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "mapf-visualizer",
   "private": true,
-  "version": "1.0.1",
+  "version": "1.0.2",
   "type": "module",
   "scripts": {
     "dev": "vite",
diff --git a/src/AnimationControl.tsx b/src/AnimationControl.tsx
index 4dc4542..263bc12 100644
--- a/src/AnimationControl.tsx
+++ b/src/AnimationControl.tsx
@@ -93,12 +93,14 @@ function AnimationControl({
     setShowGoals,
     showGoalVectors,
     setShowGoalVectors,
-}: AnimationControlProps) {  
+}: AnimationControlProps) { 
+    const roundAndSetStepSize = (value: number) => {
+        onStepSizeChange(Number(value.toFixed(1)));
+    }
+    
     const handleSliderChange = (event: Event, value: number | number[]) => {
         event.preventDefault();
-        if (typeof value === 'number') {
-            onStepSizeChange(value);
-        }
+        if (typeof value === 'number') roundAndSetStepSize(value);
     };
 
     useEffect(() => {
@@ -122,9 +124,9 @@ function AnimationControl({
             } else if (event.key === SHOW_AGENT_ID_KEY) {
                 onShowAgentIdChange(!showAgentId);
             } else if (event.key === STEP_SIZE_UP_KEY && stepSize + STEP_SIZE_INCREMENT <= STEP_SIZE_MAX) {
-                onStepSizeChange(stepSize + STEP_SIZE_INCREMENT);
+                roundAndSetStepSize(stepSize + STEP_SIZE_INCREMENT);
             } else if (event.key === STEP_SIZE_DOWN_KEY && stepSize - STEP_SIZE_INCREMENT >= STEP_SIZE_MIN) {
-                onStepSizeChange(stepSize - STEP_SIZE_INCREMENT);
+                roundAndSetStepSize(stepSize - STEP_SIZE_INCREMENT);
             } else if (event.key === TRACE_PATHS_KEY) {
                 onTracePathsChange(!tracePaths);
             } else if (event.key === SCREENSHOT_KEY) {
@@ -170,7 +172,7 @@ function AnimationControl({
                     />
                 </Tooltip>
                 <Tooltip title="Reset step size">
-                    <Button onClick={() => onStepSizeChange(1)}>
+                    <Button onClick={() => roundAndSetStepSize(1)}>
                         <RestartAltIcon />
                     </Button>
                 </Tooltip>