Jerald-Golden-B
0d84f6527f
- Deleted obsolete heatmapPreview and realTimeHeatMap components. - Moved heatmap logic into a new structure under modules/simulation/heatMap. - Introduced HeatMap and HeatMapRenderer components to manage heatmap rendering based on comparison state. - Updated imports and adjusted state management for heatmap data. - Enhanced heatmap preview functionality to handle image loading and rendering. - Improved performance and organization of heatmap data handling in the simulation context.
69 lines
2.9 KiB
TypeScript
69 lines
2.9 KiB
TypeScript
import { useMemo } from "react";
|
|
import { useSceneContext } from "../../scene/sceneContext";
|
|
import { useSimulationManager } from "../../../store/rough/useSimulationManagerStore";
|
|
import { useSimulationState } from "../../../store/simulation/useSimulationStore";
|
|
import HeatmapPreview from "./heatmapPreview";
|
|
|
|
const HeatMapRenderer = () => {
|
|
const { versionStore, layout } = useSceneContext();
|
|
const { selectedVersion } = versionStore();
|
|
const { simulationRecords } = useSimulationManager();
|
|
const { mainScene, comparisonScene } = useSimulationState();
|
|
|
|
const { mainSceneHeatmaps, comparisonSceneHeatmaps } = useMemo(() => {
|
|
const getHeatmaps = (scene: any) => {
|
|
const heatmaps: Array<{ image: string | Blob; type: string }> = [];
|
|
if (!scene) return heatmaps;
|
|
|
|
simulationRecords.forEach((project) =>
|
|
project.versions.forEach((version) =>
|
|
version.products.forEach((product) =>
|
|
product.simulateData.forEach((simulateDataItem) => {
|
|
const isTargetScene =
|
|
product.productId === scene.product.productUuid &&
|
|
version.versionId === scene.version.versionUuid &&
|
|
selectedVersion?.versionId;
|
|
if (!isTargetScene) return;
|
|
|
|
product.heatMaps?.forEach((heatMap) => {
|
|
if (heatMap.type !== simulateDataItem.type) return;
|
|
const img = heatMap.image;
|
|
|
|
if (typeof img === "string") {
|
|
if (/\.(png|jpg)$/i.test(img)) {
|
|
heatmaps.push({ image: img, type: heatMap.type });
|
|
}
|
|
} else if (img instanceof Blob) {
|
|
heatmaps.push({ image: img, type: heatMap.type });
|
|
}
|
|
});
|
|
})
|
|
)
|
|
)
|
|
);
|
|
|
|
return heatmaps;
|
|
};
|
|
|
|
return {
|
|
mainSceneHeatmaps: getHeatmaps(mainScene),
|
|
comparisonSceneHeatmaps: getHeatmaps(comparisonScene),
|
|
};
|
|
}, [simulationRecords, mainScene, comparisonScene, selectedVersion]);
|
|
|
|
return (
|
|
<>
|
|
{layout === "Main Layout" &&
|
|
mainSceneHeatmaps.map((heatMap, idx) => (
|
|
<HeatmapPreview key={`main-${idx}`} image={heatMap.image} type={heatMap.type} />
|
|
))}
|
|
{layout === "Comparison Layout" &&
|
|
comparisonSceneHeatmaps.map((heatMap, idx) => (
|
|
<HeatmapPreview key={`comp-${idx}`} image={heatMap.image} type={heatMap.type} />
|
|
))}
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default HeatMapRenderer;
|