feat: update content in permit2 flow (#6699)

cypress/e2e/permit2.test.ts

@@ -64,7 +64,7 @@ describe('Permit2', () => {
       cy.spy(provider, 'send').as('permitApprovalSpy')
     })
     initiateSwap()
-    cy.contains('Enable spending limits for DAI on Uniswap').should('exist')
+    cy.contains('Enable spending DAI on Uniswap').should('exist')
     cy.contains('Approved').should('exist')
 
     cy.contains('Allow DAI to be used for swapping').should('exist')
@@ -101,7 +101,7 @@ describe('Permit2', () => {
       })
 
       cy.get(getTestSelector('confirm-swap-button')).click()
-      cy.contains('Enable spending limits for DAI on Uniswap').should('exist')
+      cy.contains('Enable spending DAI on Uniswap').should('exist')
       cy.contains('Approved').should('exist')
 
       // permitApprovalStub should reject here, and the modal should revert to the review state.
@@ -205,7 +205,7 @@ describe('Permit2', () => {
       .then(() => {
         initiateSwap()
         const approvalTime = Date.now()
-        cy.contains('Enable spending limits for DAI on Uniswap').should('exist')
+        cy.contains('Enable spending DAI on Uniswap').should('exist')
 
         cy.contains('Confirm Swap').should('exist')
         cy.contains('Swapped').should('exist')

src/components/swap/PendingModalContent/PendingModalContent.test.tsx

@@ -28,7 +28,7 @@ describe('PendingModalContent', () => {
         trade={TEST_TRADE_EXACT_INPUT}
       />
     )
-    expect(screen.getByText('Enable spending limits for ABC on Uniswap')).toBeInTheDocument()
+    expect(screen.getByText('Enable spending ABC on Uniswap')).toBeInTheDocument()
     expect(screen.getByText('Proceed in your wallet')).toBeInTheDocument()
     expect(screen.getByText('Why is this required?')).toBeInTheDocument()
   })
@@ -46,7 +46,7 @@ describe('PendingModalContent', () => {
           trade={TEST_TRADE_EXACT_INPUT}
         />
       )
-      expect(screen.getByText('Enable spending limits for ABC on Uniswap')).toBeInTheDocument()
+      expect(screen.getByText('Enable spending ABC on Uniswap')).toBeInTheDocument()
       expect(screen.getByText('Proceed in your wallet')).toBeInTheDocument()
       expect(screen.getByText('Why is this required?')).toBeInTheDocument()
       expect(screen.queryByText('Allow ABC to be used for swapping')).not.toBeInTheDocument()
@@ -67,7 +67,7 @@ describe('PendingModalContent', () => {
       expect(screen.getByText('Allow ABC to be used for swapping')).toBeInTheDocument()
       expect(screen.getByText('Proceed in your wallet')).toBeInTheDocument()
       expect(screen.getByText('Why is this required?')).toBeInTheDocument()
-      expect(screen.queryByText('Enable spending limits for ABC on Uniswap')).not.toBeInTheDocument()
+      expect(screen.queryByText('Enable spending ABC on Uniswap')).not.toBeInTheDocument()
     })
   })
 

src/components/swap/PendingModalContent/index.tsx

@@ -123,7 +123,7 @@ function getContent(args: ContentArgs): PendingModalStep {
   switch (step) {
     case ConfirmModalState.APPROVING_TOKEN:
       return {
-        title: t`Enable spending limits for ${approvalCurrency?.symbol ?? 'this token'} on Uniswap`,
+        title: t`Enable spending ${approvalCurrency?.symbol ?? 'this token'} on Uniswap`,
         subtitle: (
           <ExternalLink href="https://support.uniswap.org/hc/en-us/articles/8120520483085">
             <Trans>Why is this required?</Trans>