Hide required token if skip if balance

Author: matthewwalsh0

app/components/Views/confirmations/components/modals/pay-with-modal/pay-with-modal.test.tsx

@@ -201,6 +201,20 @@ describe('PayWithModal', () => {
     expect(queryByText('Test Token 4')).toBeNull();
   });
 
+  it('does not render token with zero balance if required token and skipIfBalance is true', async () => {
+    useTransactionPayRequiredTokensMock.mockReturnValue([
+      {
+        address: '0x234' as Hex,
+        chainId: CHAIN_ID_1_MOCK,
+        skipIfBalance: true,
+      },
+    ] as TransactionPayRequiredToken[]);
+
+    const { queryByText } = render();
+
+    expect(queryByText('Test Token 2')).toBeNull();
+  });
+
   describe('on token select', () => {
     it('sets pay asset', async () => {
       const { getByText } = render();

app/components/Views/confirmations/components/modals/pay-with-modal/pay-with-modal.tsx

@@ -55,7 +55,8 @@ export function PayWithModal() {
           const isRequiredToken = requiredTokens.some(
             (t) =>
               t.address.toLowerCase() === token.address.toLowerCase() &&
-              t.chainId === token.chainId,
+              t.chainId === token.chainId &&
+              !t.skipIfBalance,
           );
 
           if (isRequiredToken) {