Merge remote-tracking branch 'origin/simulation-agv' into simulation

app/src/components/ui/Tools.tsx

@@ -68,7 +68,7 @@ const Tools: React.FC = () => {
         : true
     );
   }, []);
-
+  useEffect(() => {}, [activeModule]);
   useEffect(() => {
     setActiveTool(activeSubTool);
     setActiveSubTool(activeSubTool);
@@ -433,28 +433,20 @@ const Tools: React.FC = () => {
                 </div>
               )}
             </div>
-            {activeModule === "builder" && (
-              <>
-                <div className="split"></div>
-                <div
-                  className={`toggle-threed-button${
-                    toggleThreeD ? " toggled" : ""
-                  }`}
-                  onClick={toggleSwitch}
-                >
-                  <div
-                    className={`toggle-option${!toggleThreeD ? " active" : ""}`}
-                  >
-                    2d
-                  </div>
-                  <div
-                    className={`toggle-option${toggleThreeD ? " active" : ""}`}
-                  >
-                    3d
-                  </div>
-                </div>
-              </>
-            )}
+            <div className="split"></div>
+            <div
+              className={`toggle-threed-button${
+                toggleThreeD ? " toggled" : ""
+              }`}
+              onClick={toggleSwitch}
+            >
+              <div className={`toggle-option${!toggleThreeD ? " active" : ""}`}>
+                2d
+              </div>
+              <div className={`toggle-option${toggleThreeD ? " active" : ""}`}>
+                3d
+              </div>
+            </div>
           </div>
         </>
       ) : (

app/src/components/ui/inputs/InputRange.tsx

@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react";
-
+import * as CONSTANTS from "../../../types/world/worldConstants";
 interface InputToggleProps {
   label: string; // Represents the toggle state (on/off)
   min?: number;
@@ -14,8 +14,8 @@ const InputRange: React.FC<InputToggleProps> = ({
   label,
   onClick,
   onChange,
-  min = 0,
-  max = 10,
+  min,
+  max,
   disabled,
   value = 5,
 }) => {
@@ -23,6 +23,7 @@ const InputRange: React.FC<InputToggleProps> = ({
 
   function handleChange(e: React.ChangeEvent<HTMLInputElement>) {
     const newValue = parseInt(e.target.value); // Parse the value to an integer
+
     setRangeValue(newValue); // Update the local state
 
     if (onChange) {