feat(highlight): Reset isPromoting when toggle mode (#581)

Co-authored-by: mergify[bot] <37929162+mergify[bot]@users.noreply.github.com>

Author: Mingze

src/store/highlight/__tests__/reducer-test.ts

@@ -3,6 +3,7 @@ import state from '../__mocks__/highlightState';
 import { Annotation, NewAnnotation } from '../../../@types';
 import { createAnnotationAction } from '../../annotations';
 import { mockContainerRect, mockRange } from '../__mocks__/data';
+import { Mode, toggleAnnotationModeAction } from '../../common';
 import { resetCreatorAction } from '../../creator';
 import { setIsPromotingAction, setSelectionAction, setIsSelectingAction } from '../actions';
 
@@ -55,4 +56,12 @@ describe('store/highlight/reducer', () => {
             expect(newState.isPromoting).toEqual(false);
         });
     });
+
+    describe('toggleAnnotationMode', () => {
+        test('should reset isPromoting when toggle mode', () => {
+            const newState = reducer({ ...state, isPromoting: true }, toggleAnnotationModeAction(Mode.HIGHLIGHT));
+
+            expect(newState.isPromoting).toEqual(false);
+        });
+    });
 });

src/store/highlight/reducer.ts

@@ -3,6 +3,7 @@ import { createAnnotationAction } from '../annotations';
 import { HighlightState } from './types';
 import { resetCreatorAction } from '../creator';
 import { setIsPromotingAction, setIsSelectingAction, setSelectionAction } from './actions';
+import { toggleAnnotationModeAction } from '../common';
 
 export const initialState = {
     isPromoting: false,
@@ -29,5 +30,8 @@ export default createReducer<HighlightState>(initialState, builder =>
         })
         .addCase(resetCreatorAction, state => {
             state.isPromoting = false;
+        })
+        .addCase(toggleAnnotationModeAction, state => {
+            state.isPromoting = false;
         }),
 );