feat: hide the contract label if unknown

Author: gregfromstl

.changeset/whole-bottles-wait.md

@@ -0,0 +1,5 @@
+---
+"thirdweb": patch
+---
+
+TransactionWidget: Hides the "UnknownContract" label

packages/thirdweb/src/react/web/ui/Bridge/TransactionPayment.tsx

@@ -212,22 +212,26 @@ export function TransactionPayment({
       <Spacer y="md" />
 
       {/* Contract Info */}
-      <Container
-        flex="row"
-        style={{
-          alignItems: "center",
-          justifyContent: "space-between",
-        }}
-      >
-        <Text color="secondaryText" size="sm">
-          Contract
-        </Text>
-        <Text color="primaryText" size="sm">
-          {contractName}
-        </Text>
-      </Container>
+      {contractName !== "UnknownContract" && contractName !== undefined && contractName !== "Unknown Contract" && (
+        <>
+          <Container
+            flex="row"
+            style={{
+              alignItems: "center",
+              justifyContent: "space-between",
+            }}
+          >
+            <Text color="secondaryText" size="sm">
+              Contract
+            </Text>
+            <Text color="primaryText" size="sm">
+              {contractName}
+            </Text>
+          </Container>
 
-      <Spacer y="xs" />
+          <Spacer y="xs" />
+        </>
+      )}
 
       {/* Address */}
       <Container
@@ -359,7 +363,7 @@ export function TransactionPayment({
                 Math.max(
                   0,
                   Number(transactionDataQuery.data.totalCost) -
-                    Number(userBalance ?? "0"),
+                  Number(userBalance ?? "0"),
                 ).toString(),
                 transactionDataQuery.data.tokenInfo,
                 getAddress(activeAccount.address),