Remove all measure. when page is unmounted

See also: #10
snu-quiqcl · Dec 4, 2024 · caf1c7d · caf1c7d
1 parent fa6bafd
commit caf1c7d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/wlm-ui/src/MainPage/Channel/Channel.tsx b/wlm-ui/src/MainPage/Channel/Channel.tsx
@@ -53,7 +53,10 @@ const Channel = (props: IProps) => {
             dispatch(channelListActions.removeOldMeasurements({ channel: channel }));
         }, 10 * 60 * 1000);
 
-        return () => clearInterval(interval);
+        return () => {
+            clearInterval(interval);
+            dispatch(channelListActions.removeAllMeasurements({ channel: channel }));
+        };
     }, [dispatch, props.channel.channel]);
 
     useEffect(() => {

diff --git a/wlm-ui/src/store/slices/channel/channel.ts b/wlm-ui/src/store/slices/channel/channel.ts
@@ -108,6 +108,10 @@ export const channelListSlice = createSlice({
             info.measurements = info.measurements.filter(
                 measurement => new Date(measurement.measuredAt) > cutoffTime);
         },
+        removeAllMeasurements: (state, action: PayloadAction<Pick<ChannelType, 'channel'>>) => {
+            const info = getChannelInfoWithException(state, action.payload.channel);
+            info.measurements = [];
+        },
     },
     extraReducers: (builder) => {
         builder