corrected join pool process

Author: ehsan6sha

apps/box/src/components/Cards/PoolCard.tsx

@@ -171,6 +171,7 @@ const DetailInfo = ({
           console.log('Step 2: Calling API joinPool...');
           const request = {
             peerId: clusterPeerId,
+            kuboPeerId: currentBloxPeerId,
             account: account,
             chain: selectedChain,
             poolId: poolId,
@@ -268,6 +269,7 @@ const DetailInfo = ({
     try {
       const request = {
         peerId: clusterPeerId,
+        kuboPeerId: currentBloxPeerId,
         account: account,
         chain: selectedChain,
         poolId: parseInt(pool.poolID, 10),
@@ -381,6 +383,14 @@ const DetailInfo = ({
         <FxText variant="bodyXSRegular" color="content2">
           Join Status:
         </FxText>
+        <FxText variant="bodyXSRegular" color={joinState.step1Complete ? 'greenBase' : 'errorBase'}>
+          • Blox Configuration: {joinState.step1Complete ? '✓ Complete' : '✗ Pending'}
+        </FxText>
+        {joinState.step1Error && (
+          <FxText variant="bodyXSRegular" color="errorBase" marginTop="4">
+            Blox Error: {joinState.step1Error}
+          </FxText>
+        )}
         <FxText variant="bodyXSRegular" color={joinState.step2Complete ? 'greenBase' : 'errorBase'}>
           • Pool Registration: {joinState.step2Complete ? '✓ Complete' : '✗ Pending'}
         </FxText>

apps/box/src/hooks/usePools.ts

@@ -253,6 +253,7 @@ export const usePools = () => {
       try {
         const request: JoinPoolRequest = {
           peerId: currentClusterPeerId,
+          kuboPeerId: currentBloxPeerId,
           account: connectedAccount,
           chain: selectedChain,
           poolId: parseInt(poolId, 10),
@@ -282,7 +283,7 @@ export const usePools = () => {
         };
       }
     },
-    [connectedAccount, currentClusterPeerId, selectedChain, loadPools]
+    [connectedAccount, currentBloxPeerId, currentClusterPeerId, selectedChain, loadPools]
   );
 
   const joinPool = useCallback(
@@ -313,6 +314,7 @@ export const usePools = () => {
       try {
         const request: JoinPoolRequest = {
           peerId: currentClusterPeerId,
+          kuboPeerId: currentBloxPeerId,
           account: connectedAccount,
           chain: selectedChain,
           poolId: parseInt(poolId, 10),
@@ -342,7 +344,7 @@ export const usePools = () => {
         };
       }
     },
-    [connectedAccount, currentClusterPeerId, selectedChain, loadPools]
+    [connectedAccount, currentBloxPeerId, currentClusterPeerId, selectedChain, loadPools]
   );
 
   // API-based cancel join request function
@@ -358,6 +360,7 @@ export const usePools = () => {
       try {
         const request: JoinPoolRequest = {
           peerId: currentClusterPeerId,
+          kuboPeerId: currentBloxPeerId,
           account: connectedAccount,
           chain: selectedChain,
           poolId: parseInt(poolId, 10),
@@ -387,7 +390,7 @@ export const usePools = () => {
         };
       }
     },
-    [connectedAccount, currentClusterPeerId, selectedChain, loadPools]
+    [connectedAccount, currentBloxPeerId, currentClusterPeerId, selectedChain, loadPools]
   );
 
   const leavePool = useCallback(

apps/box/src/hooks/usePoolsWithFallback.ts

@@ -275,6 +275,7 @@ export const usePoolsWithFallback = () => {
       try {
         const request: JoinPoolRequest = {
           peerId: currentClusterPeerId,
+          kuboPeerId: currentBloxPeerId,
           account: effectiveAccount,
           chain: selectedChain,
           poolId: parseInt(poolId, 10),
@@ -304,7 +305,7 @@ export const usePoolsWithFallback = () => {
         };
       }
     },
-    [effectiveAccount, currentClusterPeerId, selectedChain, loadPools]
+    [effectiveAccount, currentBloxPeerId, currentClusterPeerId, selectedChain, loadPools]
   );
 
   /**
@@ -322,6 +323,7 @@ export const usePoolsWithFallback = () => {
       try {
         const request: JoinPoolRequest = {
           peerId: currentClusterPeerId,
+          kuboPeerId: currentBloxPeerId,
           account: effectiveAccount,
           chain: selectedChain,
           poolId: parseInt(poolId, 10),
@@ -351,7 +353,7 @@ export const usePoolsWithFallback = () => {
         };
       }
     },
-    [effectiveAccount, currentClusterPeerId, selectedChain, loadPools]
+    [effectiveAccount, currentBloxPeerId, currentClusterPeerId, selectedChain, loadPools]
   );
 
   /**
@@ -369,6 +371,7 @@ export const usePoolsWithFallback = () => {
       try {
         const request: JoinPoolRequest = {
           peerId: currentClusterPeerId,
+          kuboPeerId: currentBloxPeerId,
           account: effectiveAccount,
           chain: selectedChain,
           poolId: parseInt(poolId, 10),
@@ -398,7 +401,7 @@ export const usePoolsWithFallback = () => {
         };
       }
     },
-    [effectiveAccount, currentClusterPeerId, selectedChain, loadPools]
+    [effectiveAccount, currentBloxPeerId, currentClusterPeerId, selectedChain, loadPools]
   );
 
   // Load pools when we have an effective account

apps/box/src/services/poolApiService.ts

@@ -2,6 +2,7 @@ import { SupportedChain } from '../contracts/types';
 
 export interface JoinPoolRequest {
   peerId: string;
+  kuboPeerId?: string;
   account: string;
   chain: SupportedChain;
   poolId: number;