fix op dai (gitcoinco#2218)

* chore: add logging when tx failed

* fix: reload the payout token on change

* fix: reload the payout token on change

* fix: reload the payout token on change

* chore: remove eslint ignore

* chore: remove eslint ignore

* chore: remove eslint ignore

---------

Co-authored-by: Andrea Franz <andrea@gravityblast.com>

Author: vacekj

packages/grant-explorer/src/checkoutStore.ts

@@ -262,6 +262,21 @@ export const useCheckoutStore = create<CheckoutState>()(
               : undefined
           );
 
+          if (receipt.status === "reverted") {
+            console.error(
+              `vote on chain ${chainId} - roundIds ${Object.keys(
+                donations.map((d) => d.roundId)
+              )}, token ${token.name}`,
+              receipt,
+              sig,
+              token
+            );
+
+            throw new Error("vote failed", {
+              cause: receipt,
+            });
+          }
+
           console.log(
             "Voting succesful for chain",
             chainId,

packages/grant-explorer/src/features/round/ViewCartPage/CartWithProjects.tsx

@@ -3,7 +3,7 @@ import {
   getPayoutTokenOptions,
   GroupedCartProjectsByRoundId,
 } from "../../api/utils";
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import { PayoutToken } from "../../api/types";
 import { PayoutTokenDropdown } from "./PayoutTokenDropdown";
 import { ApplyTooltip } from "./ApplyTooltip";
@@ -39,6 +39,19 @@ export function CartWithProjects({ cart, chainId }: Props) {
   // get number of projects in cartByRound
   const projectCount = cartByRound.reduce((acc, curr) => acc + curr.length, 0);
 
+  /** The payout token data (like permit version etc.) might've changed since the user last visited the page
+   * Refresh it to update, default to the first payout token if the previous token was deleted */
+  useEffect(() => {
+    setPayoutTokenForChain(
+      chainId,
+      getPayoutTokenOptions(chainId).find(
+        (token) => token.address === selectedPayoutToken.address
+      ) ?? getPayoutTokenOptions(chainId)[0]
+    );
+    /* We only want this to happen on first render */
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [chainId]);
+
   return (
     <div className="grow block px-[16px] py-4 bg-white">
       <div className="flex flex-col md:flex-row justify-between border-b-2 pb-2 gap-3 mb-6">