38 lines
1.3 KiB
TypeScript
38 lines
1.3 KiB
TypeScript
|
import { useEffect } from 'react';
|
||
|
|
import { useProductStore } from '../../../store/simulation/useProductStore';
|
||
|
|
import { useActionHandler } from '../actions/useActionHandler';
|
||
|
|
import { usePlayButtonStore, useResetButtonStore } from '../../../store/usePlayButtonStore';
|
||
|
|
import { determineExecutionOrder } from './functions/determineExecutionOrder';
|
||
|
|
import { useProductContext } from '../products/productContext';
|
||
|
|
|
||
|
|
function Simulator() {
|
||
|
|
const { selectedProductStore } = useProductContext();
|
||
|
|
const { products, getProductById } = useProductStore();
|
||
|
|
const { handleAction } = useActionHandler();
|
||
|
|
const { selectedProduct } = selectedProductStore();
|
||
|
|
const { isPlaying } = usePlayButtonStore();
|
||
|
|
const { isReset } = useResetButtonStore();
|
||
|
|
|
||
|
|
useEffect(() => {
|
||
|
|
if (!isPlaying || isReset || !selectedProduct.productUuid) return;
|
||
|
|
|
||
|
|
const product = getProductById(selectedProduct.productUuid);
|
||
|
|
if (!product) return;
|
||
|
|
|
||
|
|
const executionOrder = determineExecutionOrder([product]);
|
||
|
|
executionOrder.forEach(point => {
|
||
|
|
const action = 'actions' in point ? point.actions[0] : point.action;
|
||
|
|
handleAction(action);
|
||
|
|
});
|
||
|
|
}, [products, isPlaying, isReset, selectedProduct]);
|
||
|
|
|
||
|
|
return (
|
||
|
|
|
||
|
|
<>
|
||
|
|
|
||
|
|
</>
|
||
|
|
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
export default Simulator;
|