diff --git a/components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopMeasurementChart.tsx b/components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopMeasurementChart.tsx index 5bc9d75..1ef4fe8 100644 --- a/components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopMeasurementChart.tsx +++ b/components/main/kabelueberwachung/kue705FO/Charts/LoopMeasurementChart/LoopMeasurementChart.tsx @@ -29,6 +29,7 @@ ChartJS.register( Filler ); import { getColor } from "../../../../../../utils/colors"; +import { PulseLoader } from "react-spinners"; const usePreviousData = (data: any[]) => { const ref = useRef([]); useEffect(() => { @@ -41,8 +42,13 @@ const LoopMeasurementChart = () => { const canvasRef = useRef(null); const chartInstance = useRef(null); - const { loopMeasurementCurveChartData, selectedMode, unit, isFullScreen } = - useSelector((state: RootState) => state.kabelueberwachungChartSlice); + const { + loopMeasurementCurveChartData, + selectedMode, + unit, + isFullScreen, + isLoading, + } = useSelector((state: RootState) => state.kabelueberwachungChartSlice); const previousData = usePreviousData(loopMeasurementCurveChartData); @@ -177,7 +183,19 @@ const LoopMeasurementChart = () => { return (
- + {isLoading && ( +
+ +
+ )} +
); }; diff --git a/config/webVersion.ts b/config/webVersion.ts index 2e8898d..8ae818b 100644 --- a/config/webVersion.ts +++ b/config/webVersion.ts @@ -6,5 +6,5 @@ 2: Patch oder Hotfix (Bugfixes oder kleine Änderungen). */ -const webVersion = "1.6.215"; +const webVersion = "1.6.216"; export default webVersion;