Refactor Products component to import usePlayButtonStore alongside useResetButtonStore; update dependencies in useEffect for selectedProduct to include isPlaying.

This commit is contained in:
2025-05-10 20:27:09 +05:30
parent 4e2ff6bd01
commit 8a0539d595

View File

@@ -10,7 +10,7 @@ import { useArmBotStore } from '../../../store/simulation/useArmBotStore';
import { useConveyorStore } from '../../../store/simulation/useConveyorStore'; import { useConveyorStore } from '../../../store/simulation/useConveyorStore';
import { useMachineStore } from '../../../store/simulation/useMachineStore'; import { useMachineStore } from '../../../store/simulation/useMachineStore';
import { useStorageUnitStore } from '../../../store/simulation/useStorageUnitStore'; import { useStorageUnitStore } from '../../../store/simulation/useStorageUnitStore';
import { useResetButtonStore } from '../../../store/usePlayButtonStore'; import { usePlayButtonStore, useResetButtonStore } from '../../../store/usePlayButtonStore';
function Products() { function Products() {
const { products, getProductById, addProduct, setProducts } = useProductStore(); const { products, getProductById, addProduct, setProducts } = useProductStore();
@@ -21,6 +21,7 @@ function Products() {
const { addConveyor, clearConveyors } = useConveyorStore(); const { addConveyor, clearConveyors } = useConveyorStore();
const { setCurrentMaterials, clearStorageUnits, updateCurrentLoad, addStorageUnit } = useStorageUnitStore(); const { setCurrentMaterials, clearStorageUnits, updateCurrentLoad, addStorageUnit } = useStorageUnitStore();
const { isReset } = useResetButtonStore(); const { isReset } = useResetButtonStore();
const { isPlaying } = usePlayButtonStore();
useEffect(() => { useEffect(() => {
const email = localStorage.getItem('email') const email = localStorage.getItem('email')
@@ -121,7 +122,7 @@ function Products() {
}); });
} }
} }
}, [selectedProduct, products, isReset]); }, [selectedProduct, products, isReset, isPlaying]);
return ( return (
<> <>