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,28 @@ 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>
-
-      <Spacer y="xs" />
+      {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" />
+          </>
+        )}
 
       {/* Address */}
       <Container