Revert "Merge pull request #15 from neynarxyz/shreyas-formatting"

This reverts commit b1fdfc19a9, reversing
changes made to b9e2087bd8.

src/components/ui/wallet/SendEth.tsx

@@ -1,29 +1,25 @@
-'use client';
+"use client";
 
-import { useCallback, useMemo } from 'react';
-import {
-  useAccount,
-  useSendTransaction,
-  useWaitForTransactionReceipt,
-} from 'wagmi';
-import { base } from 'wagmi/chains';
-import { renderError } from '../../../lib/errorUtils';
-import { truncateAddress } from '../../../lib/truncateAddress';
-import { Button } from '../Button';
+import { useCallback, useMemo } from "react";
+import { useAccount, useSendTransaction, useWaitForTransactionReceipt } from "wagmi";
+import { base } from "wagmi/chains";
+import { Button } from "../Button";
+import { truncateAddress } from "../../../lib/truncateAddress";
+import { renderError } from "../../../lib/errorUtils";
 
 /**
  * SendEth component handles sending ETH transactions to protocol guild addresses.
- *
+ * 
  * This component provides a simple interface for users to send small amounts
  * of ETH to protocol guild addresses. It automatically selects the appropriate
  * recipient address based on the current chain and displays transaction status.
- *
+ * 
  * Features:
  * - Chain-specific recipient addresses
  * - Transaction status tracking
  * - Error handling and display
  * - Transaction hash display
- *
+ * 
  * @example
  * ```tsx
  * <SendEth />
@@ -40,34 +36,32 @@ export function SendEth() {
     isPending: isEthTransactionPending,
   } = useSendTransaction();
 
-  const {
-    isLoading: isEthTransactionConfirming,
-    isSuccess: isEthTransactionConfirmed,
-  } = useWaitForTransactionReceipt({
-    hash: ethTransactionHash,
-  });
+  const { isLoading: isEthTransactionConfirming, isSuccess: isEthTransactionConfirmed } =
+    useWaitForTransactionReceipt({
+      hash: ethTransactionHash,
+    });
 
   // --- Computed Values ---
   /**
    * Determines the recipient address based on the current chain.
-   *
+   * 
    * Uses different protocol guild addresses for different chains:
    * - Base: 0x32e3C7fD24e175701A35c224f2238d18439C7dBC
    * - Other chains: 0xB3d8d7887693a9852734b4D25e9C0Bb35Ba8a830
-   *
+   * 
    * @returns string - The recipient address for the current chain
    */
   const protocolGuildRecipientAddress = useMemo(() => {
     // Protocol guild address
     return chainId === base.id
-      ? '0x32e3C7fD24e175701A35c224f2238d18439C7dBC'
-      : '0xB3d8d7887693a9852734b4D25e9C0Bb35Ba8a830';
+      ? "0x32e3C7fD24e175701A35c224f2238d18439C7dBC"
+      : "0xB3d8d7887693a9852734b4D25e9C0Bb35Ba8a830";
   }, [chainId]);
 
   // --- Handlers ---
   /**
    * Handles sending the ETH transaction.
-   *
+   * 
    * This function sends a small amount of ETH (1 wei) to the protocol guild
    * address for the current chain. The transaction is sent using the wagmi
    * sendTransaction hook.
@@ -94,15 +88,15 @@ export function SendEth() {
         <div className="mt-2 text-xs">
           <div>Hash: {truncateAddress(ethTransactionHash)}</div>
           <div>
-            Status:{' '}
+            Status:{" "}
             {isEthTransactionConfirming
-              ? 'Confirming...'
+              ? "Confirming..."
               : isEthTransactionConfirmed
-                ? 'Confirmed!'
-                : 'Pending'}
+              ? "Confirmed!"
+              : "Pending"}
           </div>
         </div>
       )}
     </>
   );
-}
+}