fix: Avoid nonce flicker when transaction is submitted

Author: pedronfigueiredo

ui/pages/confirmations/components/confirm/footer/footer.test.tsx

@@ -125,20 +125,8 @@ describe('ConfirmFooter', () => {
       // TODO: Replace `any` with type
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       .mockImplementation(() => ({} as any));
-    const updateCustomNonceSpy = jest
-      .spyOn(Actions, 'updateCustomNonce')
-      // TODO: Replace `any` with type
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      .mockImplementation(() => ({} as any));
-    const setNextNonceSpy = jest
-      .spyOn(Actions, 'setNextNonce')
-      // TODO: Replace `any` with type
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      .mockImplementation(() => ({} as any));
     fireEvent.click(cancelButton);
     expect(rejectSpy).toHaveBeenCalled();
-    expect(updateCustomNonceSpy).toHaveBeenCalledWith('');
-    expect(setNextNonceSpy).toHaveBeenCalledWith('');
   });
 
   it('invoke required actions when submit button is clicked', () => {
@@ -149,20 +137,8 @@ describe('ConfirmFooter', () => {
       // TODO: Replace `any` with type
       // eslint-disable-next-line @typescript-eslint/no-explicit-any
       .mockImplementation(() => ({} as any));
-    const updateCustomNonceSpy = jest
-      .spyOn(Actions, 'updateCustomNonce')
-      // TODO: Replace `any` with type
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      .mockImplementation(() => ({} as any));
-    const setNextNonceSpy = jest
-      .spyOn(Actions, 'setNextNonce')
-      // TODO: Replace `any` with type
-      // eslint-disable-next-line @typescript-eslint/no-explicit-any
-      .mockImplementation(() => ({} as any));
     fireEvent.click(submitButton);
     expect(resolveSpy).toHaveBeenCalled();
-    expect(updateCustomNonceSpy).toHaveBeenCalledWith('');
-    expect(setNextNonceSpy).toHaveBeenCalledWith('');
   });
 
   it('displays a danger "Confirm" button there are danger alerts', async () => {

ui/pages/confirmations/components/confirm/footer/footer.tsx

@@ -20,11 +20,9 @@ import useAlerts from '../../../../../hooks/useAlerts';
 import {
   rejectPendingApproval,
   resolvePendingApproval,
-  setNextNonce,
   ///: BEGIN:ONLY_INCLUDE_IF(build-main,build-beta,build-flask)
   updateAndApproveTx,
   ///: END:ONLY_INCLUDE_IF
-  updateCustomNonce,
 } from '../../../../../store/actions';
 import { isSignatureTransactionType } from '../../../utils';
 import { useConfirmContext } from '../../../context/confirm';