Merge branch 'v3-ui' of http://185.100.212.76:7776/Dwinzo-Beta/Dwinzo_dev into v3-ui
This commit is contained in:
commit
78985a4954
|
@ -133,7 +133,7 @@ const ComparisonResult = () => {
|
||||||
<div className="compare-result-container">
|
<div className="compare-result-container">
|
||||||
<div className="header">Performance Comparison</div>
|
<div className="header">Performance Comparison</div>
|
||||||
<div className="compare-result-wrapper">
|
<div className="compare-result-wrapper">
|
||||||
<EnergyUsage />
|
<EnergyUsage comparedProducts={comparedProducts}/>
|
||||||
<div className="throughPutCard-container comparisionCard">
|
<div className="throughPutCard-container comparisionCard">
|
||||||
<h4>Throughput (units/hr)</h4>
|
<h4>Throughput (units/hr)</h4>
|
||||||
<div className="layers-wrapper">
|
<div className="layers-wrapper">
|
||||||
|
|
|
@ -19,7 +19,7 @@ ChartJS.register(
|
||||||
Legend
|
Legend
|
||||||
);
|
);
|
||||||
|
|
||||||
const EnergyUsage = () => {
|
const EnergyUsage = ({comparedProducts}:any) => {
|
||||||
const data = useMemo(() => {
|
const data = useMemo(() => {
|
||||||
const randomizeData = () =>
|
const randomizeData = () =>
|
||||||
Array.from({ length: 5 }, () => Math.floor(Math.random() * (2000 - 300 + 1)) + 300);
|
Array.from({ length: 5 }, () => Math.floor(Math.random() * (2000 - 300 + 1)) + 300);
|
||||||
|
@ -90,14 +90,14 @@ const EnergyUsage = () => {
|
||||||
<div className="simulation-wrapper sim-1">
|
<div className="simulation-wrapper sim-1">
|
||||||
<div className="icon"></div>
|
<div className="icon"></div>
|
||||||
<div className="simulation-details-wrapper">
|
<div className="simulation-details-wrapper">
|
||||||
<div className="label">Simulation 1</div>
|
<div className="label">{comparedProducts[0]?.productName}</div>
|
||||||
<div className="value">98%</div>
|
<div className="value">98%</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="simulation-wrapper sim-2">
|
<div className="simulation-wrapper sim-2">
|
||||||
<div className="icon"></div>
|
<div className="icon"></div>
|
||||||
<div className="simulation-details-wrapper">
|
<div className="simulation-details-wrapper">
|
||||||
<div className="label">Simulation 2</div>
|
<div className="label">{comparedProducts[1]?.productName}</div>
|
||||||
<div className="value">97%</div>
|
<div className="value">97%</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -56,7 +56,7 @@ const PerformanceResult = ({ comparedProducts }: any) => {
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="simulation-tag">Simulation 1</div>
|
<div className="simulation-tag">{ProfitProduct.productName}</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in New Issue