Dwinzo_dev/app/src/modules/simulation/vehicle/instances/vehicleInstances.tsx

47 lines
1.3 KiB
TypeScript
Raw Normal View History

import React from "react";
import VehicleInstance from "./instance/vehicleInstance";
import { useVehicleStore } from "../../../../store/simulation/useVehicleStore";
import { Html } from "@react-three/drei";
import { Vector3 } from "three";
import AssetDetailsCard from "../../../../components/ui/simulation/AssetDetailsCard";
function VehicleInstances() {
const { vehicles } = useVehicleStore();
return (
<>
{vehicles.map((vehicle: VehicleStatus) => (
<>
<VehicleInstance agvDetail={vehicle} key={vehicle.modelUuid} />
<Html
// data
position={
new Vector3(
vehicle.position[0],
vehicle.point.position[1],
vehicle.position[2]
)
}
// class none
// other
zIndexRange={[1, 0]}
prepend
sprite
center
distanceFactor={20}
>
<AssetDetailsCard
name={vehicle.modelName}
status={vehicle.state}
count={vehicle.currentLoad}
totalCapacity={vehicle.point.action.loadCapacity}
/>
</Html>
</>
))}
</>
);
}
export default VehicleInstances;