2025-05-27 12:41:26 +00:00
|
|
|
import { useEffect } from 'react';
|
|
|
|
import { useAisleStore } from '../../../../store/builder/useAisleStore';
|
|
|
|
import AisleInstance from './instance/aisleInstance';
|
|
|
|
|
|
|
|
function AisleInstances() {
|
|
|
|
const { aisles } = useAisleStore();
|
|
|
|
|
|
|
|
useEffect(() => {
|
2025-05-28 10:54:08 +00:00
|
|
|
// console.log('aisles: ', aisles);
|
2025-05-27 12:41:26 +00:00
|
|
|
}, [aisles]);
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
2025-05-30 06:49:07 +00:00
|
|
|
<group name='Aisles-Group'>
|
2025-05-27 12:41:26 +00:00
|
|
|
|
|
|
|
{aisles.map((aisle) =>
|
|
|
|
<AisleInstance aisle={aisle} key={aisle.uuid} />
|
|
|
|
)}
|
|
|
|
|
2025-05-30 06:49:07 +00:00
|
|
|
</group>
|
2025-05-27 12:41:26 +00:00
|
|
|
)
|
|
|
|
}
|
|
|
|
|
|
|
|
export default AisleInstances
|