Explore: Unsync time ranges when a pane is closed (#61369) (#61435)

* Explore: Unsync time ranges when a pane is closed (#61369)

* Explore: Unsync time ranges when a pane is closed

* remove unintentional import

(cherry picked from commit 1e33e56dbd)

* remove unneeded property

public/app/features/explore/state/main.test.ts

@@ -141,9 +141,10 @@ describe('Explore reducer', () => {
           .thenStateShouldEqual({
             left: rightItemMock,
             right: undefined,
+            syncedTimes: false,
           } as unknown as ExploreState);
       });
-      it('should reset right pane when it is closed ', () => {
+      it('should reset right pane when it is closed', () => {
         const leftItemMock = {
           containerWidth: 100,
         } as unknown as ExploreItemState;
@@ -164,6 +165,28 @@ describe('Explore reducer', () => {
           .thenStateShouldEqual({
             left: leftItemMock,
             right: undefined,
+            syncedTimes: false,
+          } as unknown as ExploreState);
+      });
+
+      it('should unsync time ranges', () => {
+        const itemMock = {
+          containerWidth: 100,
+        } as unknown as ExploreItemState;
+
+        const initialState = {
+          left: itemMock,
+          right: itemMock,
+          syncedTimes: true,
+        } as unknown as ExploreState;
+
+        reducerTester<ExploreState>()
+          .givenReducer(exploreReducer, initialState)
+          .whenActionIsDispatched(splitCloseAction({ itemId: ExploreId.right }))
+          .thenStateShouldEqual({
+            left: itemMock,
+            right: undefined,
+            syncedTimes: false,
           } as unknown as ExploreState);
       });
     });

public/app/features/explore/state/main.ts

@@ -179,6 +179,7 @@ export const exploreReducer = (state = initialExploreState, action: AnyAction):
     return {
       ...state,
       ...targetSplit,
+      syncedTimes: false,
     };
   }