revert dbug (#3691)

Author: thelostone-mc

packages/grant-explorer/src/features/contributors/components/RoundDonations/TransactionHeader.tsx

@@ -5,7 +5,6 @@ import { getTxBlockExplorerLink } from "common";
 import { truncateAddress } from "../../utils/address";
 import { MintingActionButton } from "../Buttons";
 import { Contribution, MintingAttestationIdsData } from "data-layer";
-import { useDebugMode } from "../../../api/utils";
 
 interface AttestationData {
   attestation?: MintingAttestationIdsData;
@@ -31,7 +30,6 @@ export function TransactionHeader({
     transactionHash
   );
   const parcialTransactionHash = truncateAddress(transactionHash, 5);
-  const debugModeEnabled = useDebugMode();
 
   return (
     <div className="bg-grey-75 rounded-lg gap-2 p-4 flex flex-col sm:flex-row items-center justify-between">
@@ -45,13 +43,11 @@ export function TransactionHeader({
           <ArrowTopRightOnSquareIcon className="size-4 text-black" />
         </a>
       </span>
-      {debugModeEnabled &&
       <MintingActionButton
         transaction={{ hash: transactionHash, chainId: transactionChainId }}
         contributions={contributions}
         attestationData={{ attestation, isFetchingAttestations, refetch }}
       />
-      }
     </div>
   );
 }

packages/grant-explorer/src/features/round/ThankYou.tsx

@@ -21,7 +21,6 @@ import { useEstimateGas } from "../../hooks/attestations/useEstimateGas";
 import { AttestationChainId } from "../attestations/utils/constants";
 import { useAttestationFee } from "../contributors/hooks/useMintingAttestations";
 import { useAttestationStore } from "../../attestationStore";
-import { useDebugMode } from "../api/utils";
 import { RainbowBorderButton } from "../contributors/components/Buttons/RainbowBorderButton";
 import Modal from "../common/components/Modal";
 
@@ -170,7 +169,6 @@ export default function ThankYou() {
       ? false
       : balance.value < attestationFee + (gasEstimation ?? 0n);
 
-  const debugModeEnabled = useDebugMode();
 
   return (
     <>
@@ -193,38 +191,36 @@ export default function ThankYou() {
               </div>
 
               {/* Right Section */}
-              {debugModeEnabled && (
-                <div className="w-full lg:w-1/2  ">
-                  <div className="flex flex-col items-center justify-center">
-                    {/* Main content */}
-                    <div className="w-full max-w-[800px] min-h-svh overflow-hidden bg-gradient-to-b from-[#EBEBEB] to-transparent rounded-t-[400px] flex flex-col items-center justify-center pt-20 px-4 mx-auto">
-                      <div className="flex flex-col items-center">
-                        <div className="relative max-w-[500px] z-10 text-center">
-                          <h1 className="text-5xl mb-2 font-modern-era-bold">
-                            Mint your Impact
-                          </h1>
-                          <p className="mt-1 text-lg  font-modern-era-regular">
-                            Capture your contribution onchain with an
-                            attestation and receive a unique visual that
-                            symbolizes your donation.
-                          </p>
-                          <p className="my-2 text-lg font-modern-era-regular">
-                            This visual reflects your onchain attestation,
-                            marking your support in a meaningful way.
-                          </p>
-                        </div>
-                        <PreviewFrame
-                          handleSelectBackground={handleSelectBackground}
-                          mint={toggleModal}
-                        />
+              <div className="w-full lg:w-1/2  ">
+                <div className="flex flex-col items-center justify-center">
+                  {/* Main content */}
+                  <div className="w-full max-w-[800px] min-h-svh overflow-hidden bg-gradient-to-b from-[#EBEBEB] to-transparent rounded-t-[400px] flex flex-col items-center justify-center pt-20 px-4 mx-auto">
+                    <div className="flex flex-col items-center">
+                      <div className="relative max-w-[500px] z-10 text-center">
+                        <h1 className="text-5xl mb-2 font-modern-era-bold">
+                          Mint your Impact
+                        </h1>
+                        <p className="mt-1 text-lg  font-modern-era-regular">
+                          Capture your contribution onchain with an
+                          attestation and receive a unique visual that
+                          symbolizes your donation.
+                        </p>
+                        <p className="my-2 text-lg font-modern-era-regular">
+                          This visual reflects your onchain attestation,
+                          marking your support in a meaningful way.
+                        </p>
                       </div>
+                      <PreviewFrame
+                        handleSelectBackground={handleSelectBackground}
+                        mint={toggleModal}
+                      />
                     </div>
                   </div>
-                  <div className="fixed -bottom-6 right-11 w-full z-20">
-                    <Footer />
-                  </div>
                 </div>
-              )}
+                <div className="fixed -bottom-6 right-11 w-full z-20">
+                  <Footer />
+                </div>
+              </div>
             </div>
           ) : minted ? (
             <div className="rounded-xl absolute top-20 flex flex-col items-center text-center gap-6 px-[64px] py-8 backdrop-blur-xl">