+
+
+ setHumanReadableAmount(e.target.value)}
+ disabled={loading || awaitingTxReceipt}
+ className="px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-gray-900"
+ placeholder="Enter amount"
+ />
+
{awaitingTxReceipt && !txReceipt &&
Waiting for transaction receipt...
}
- {txReceipt?.status === "success" &&
Purchase successful
}
- {txReceipt?.status === "reverted" &&
Purchase reverted
}
+ {txReceipt?.status === "success" &&
Commitment successful
}
+ {txReceipt?.status === "reverted" &&
Commitment reverted
}
{error &&
{error.message}
}
{awaitingTxReceiptError &&
{awaitingTxReceiptError.message}
}
- {amountInContractError ? (
-
{amountInContractError.message}
+ {entityStateError ? (
+
{entityStateError.message}
) : (
- Current amount in contract:{" "}
- {amountInContract !== undefined ? `${Number(amountInContract) / 1e6}` : "Loading..."}
+ Current committed amount:{" "}
+ {committedAmount !== undefined ? `${Number(committedAmount) / 1e6} USDC` : "Loading..."}
)}
@@ -122,7 +136,15 @@ function ReadyToPurchaseSection({
);
}
-function PurchaseCard({ entityID, walletAddress }: { entityID: EntityID; walletAddress: `0x${string}` }) {
+function CommitCard({
+ entityID,
+ saleSpecificEntityID,
+ walletAddress,
+}: {
+ entityID: EntityID;
+ saleSpecificEntityID: Hex;
+ walletAddress: `0x${string}`;
+}) {
const sonarPurchaser = useSonarPurchase({
saleUUID,
entityID,
@@ -146,8 +168,8 @@ function PurchaseCard({ entityID, walletAddress }: { entityID: EntityID; walletA
{sonarPurchaser.readyToPurchase && (
-