diff --git a/src/app/src/components/DrawTools/useEditingPolygon.js b/src/app/src/components/DrawTools/useEditingPolygon.js index 5a7e1173..0e48c7b9 100644 --- a/src/app/src/components/DrawTools/useEditingPolygon.js +++ b/src/app/src/components/DrawTools/useEditingPolygon.js @@ -7,11 +7,7 @@ import { useDispatch, useSelector } from 'react-redux'; import { customizePrototypeIcon } from '../../utils'; import { PANES } from '../../constants'; import { useUpdateBoundaryShapeMutation } from '../../api/boundaries'; -import { - useBoundaryId, - useReverseQueue, - useTrailingDebounceCallback, -} from '../../hooks'; +import { useBoundaryId, useTrailingDebounceCallback } from '../../hooks'; import api from '../../api/api'; const POLYGON_LAYER_OPTIONS = { @@ -58,20 +54,13 @@ export default function useEditingPolygon() { const { polygon, editMode, basemapType } = useSelector(state => state.map); const [updateShape] = useUpdateBoundaryShapeMutation(); - const reverseQueue = useReverseQueue({ - endpointName: 'getBoundaryDetails', - queryArgs: id, - }); const updatePolygonFromDrawEvent = useTrailingDebounceCallback({ callback: event => { - updateShape({ id, shape: getShapeFromDrawEvent(event) }) - .unwrap() - .then(reverseQueue.clear) - .catch(reverseQueue.apply); + updateShape({ id, shape: getShapeFromDrawEvent(event) }); }, immediateCallback: event => { - const { inversePatches } = dispatch( + dispatch( api.util.updateQueryData( 'getBoundaryDetails', id, @@ -81,8 +70,6 @@ export default function useEditingPolygon() { } ) ); - - reverseQueue.push(inversePatches); }, interval: 3000, }); diff --git a/src/app/src/hooks.js b/src/app/src/hooks.js index d1cd29c2..b5264e93 100644 --- a/src/app/src/hooks.js +++ b/src/app/src/hooks.js @@ -9,7 +9,6 @@ import { updateReferenceImage, } from './store/mapSlice'; import { useParams } from 'react-router'; -import api from './api/api'; export function useDialogController() { const [isOpen, setIsOpen] = useState(false); @@ -153,29 +152,6 @@ export function useTrailingDebounceCallback({ ); } -export function useReverseQueue({ queryArgs, endpointName }) { - const dispatch = useDispatch(); - - const queue = useRef([]); - - const clear = useCallback(() => { - queue.current = []; - }, []); - - const apply = useCallback(() => { - dispatch( - api.util.patchQueryData(endpointName, queryArgs, queue.current) - ); - clear(); - }, [dispatch, queryArgs, endpointName, clear]); - - const push = useCallback(patches => { - queue.current = [...patches, ...queue.current]; - }, []); - - return { queue, clear, apply, push }; -} - export function useEndpointToastError(error, message = 'An error occured') { const toast = useToast();