add merge miner address to context

Author: macalinao

packages/react-quarry/src/contexts/merge-miner.ts

@@ -5,8 +5,13 @@ import { createContext, useContext } from "react";
 export interface MergeMinerContextValue {
   mergePool: MergePool;
   mergePoolAddress: Address;
+  mergeMinerAddress: Address | null;
   userAddress: Address | null;
-  balance: bigint;
+  /**
+   * Null = doesn't exist (balance is effectively)
+   * Undefined = loading
+   */
+  balanceRaw: bigint | null | undefined;
 }
 
 export const MergeMinerContext: React.Context<MergeMinerContextValue | null> =

packages/react-quarry/src/providers/merge-miner-provider.tsx

@@ -38,20 +38,26 @@ export const MergeMinerProvider: React.FC<Props> = ({ children }: Props) => {
   });
 
   // TODO(igm): probably want to create a proper loading state here
-  if (!(mergePoolAddress && mergePoolAccount)) {
+  if (
+    !(mergePoolAddress && mergePoolAccount) ||
+    mergeMinerAddress === undefined
+  ) {
     return <div>Loading...</div>;
   }
 
   // Get balance from merge miner account, default to 0
-  const balance = mergeMinerAccount?.data.primaryBalance ?? 0n;
+  const balanceRaw = mergeMinerAccount
+    ? mergeMinerAccount.data.primaryBalance
+    : mergeMinerAccount;
 
   return (
     <MergeMinerContext.Provider
       value={{
         mergePool: mergePoolAccount.data,
         mergePoolAddress,
+        mergeMinerAddress,
         userAddress: signer?.address ?? null,
-        balance,
+        balanceRaw,
       }}
     >
       {children}