+ {/* Membership State */}
+
+
State:
+
{membershipInfo.state || 'N/A'}
+
+
+ {/* Basic Info */}
+
+
Chain ID:
+
{membershipInfo.chainId}
+
+
+
Rate Limit:
+
{membershipInfo.rateLimit} msg/epoch
+
+
+ {/* Contract Info */}
+
+
Contract Address:
+
+ {membershipInfo.address}
+
+
+
+
+ {/* Member Details */}
+
+
Member Index:
+
{membershipInfo.treeIndex || 'N/A'}
+
+
+
ID Commitment:
+
+ {membershipInfo.idCommitment || 'N/A'}
+ {membershipInfo.idCommitment && (
+
+ )}
+
+
+
+ {/* Block Information */}
+
+
Start Block:
+
{membershipInfo.startBlock || 'N/A'}
+
+
+
End Block:
+
{membershipInfo.endBlock || 'N/A'}
+
+
+ {/* Duration Information */}
+
+
Active Duration:
+
{membershipInfo.activeDuration ? `${membershipInfo.activeDuration} blocks` : 'N/A'}
+
+
+
Grace Period:
+
{membershipInfo.gracePeriodDuration ? `${membershipInfo.gracePeriodDuration} blocks` : 'N/A'}
+
+
+ {/* Token Information */}
+
+
Token Address:
+
+ {membershipInfo.token || 'N/A'}
+ {membershipInfo.token && (
+
+ )}
+
+
+
+
Deposit Amount:
+
+ {membershipInfo.depositAmount ? `${ethers.utils.formatEther(membershipInfo.depositAmount)} ETH` : 'N/A'}
+
+
+
+ {/* Holder Information */}
+
+
Holder Address:
+
+ {membershipInfo.holder || 'N/A'}
+ {membershipInfo.holder && (
+
+ )}
+
+
+