updated comparision

app/src/components/ui/analysis/ThroughputSummary.tsx

@@ -1,5 +1,5 @@
 import { useEffect, useState } from "react";
-import { useMachineCount, useMachineUptime, useMaterialCycle, useProductionCapacityData, useThroughPutData } from "../../../store/builder/store";
+import { useInputValues, useMachineCount, useMachineUptime, useMaterialCycle, useProductionCapacityData, useThroughPutData } from "../../../store/builder/store";
 import {
   ThroughputSummaryIcon,
 } from "../../icons/analysis";
@@ -14,14 +14,15 @@ const ProductionCapacity = ({
   const { machineActiveTime } = useMachineUptime();
   const { materialCycleTime } = useMaterialCycle();
   const { throughputData } = useThroughPutData()
+  const { inputValues } = useInputValues();
 
   const progressPercent = machineActiveTime;
 
+  const shiftLength = parseFloat(inputValues["Shift length"]);
 
   const totalBars = 6;
   const barsToFill = Math.floor((progressPercent / 100) * totalBars);
-  const partialFillPercent =
-    ((progressPercent / 100) * totalBars - barsToFill) * 100;
+  const partialFillPercent = ((progressPercent / 1000) * totalBars - barsToFill) * 100;
 
   const [isLoading, setIsLoading] = useState(true);
 
@@ -29,13 +30,14 @@ const ProductionCapacity = ({
     if (throughputData > 0) {
       setIsLoading(false);
     } else {
-      setIsLoading(true);
+      setIsLoading(false);
     }
   }, [throughputData])
 
+  const Units_per_hour = ((shiftLength * 60) / (materialCycleTime / 60) / shiftLength)
+
   return (
     <>
-
       {!isLoading && <div className="throughtputSummary-container analysis-card">
         <div className="throughtputSummary-wrapper analysis-card-wrapper">
           <div className="card-header">
@@ -53,8 +55,7 @@ const ProductionCapacity = ({
             <>
               <div className="process-container">
                 <div className="throughput-value">
-                  <span className="value">{throughputData}</span> Units/hour
-
+                  <span className="value">{(Units_per_hour).toFixed(2) === "Infinity"? 0 : (Units_per_hour).toFixed(2) }</span> Units/hour
                 </div>
 
                 {/* Dynamic Progress Bar */}