update

Author: MananTank

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

@@ -164,7 +164,11 @@ export function FundWallet({
   return (
     <WithHeader
       client={client}
-      title={metadata.title || `Buy ${destinationToken.symbol}`}
+      title={
+        metadata.title === undefined
+          ? `Buy ${destinationToken.symbol}`
+          : metadata.title
+      }
       description={metadata.description}
       image={metadata.image}
     >

packages/thirdweb/src/react/web/ui/Bridge/common/WithHeader.tsx

@@ -6,31 +6,24 @@ import { Container } from "../../components/basic.js";
 import { Spacer } from "../../components/Spacer.js";
 import { Text } from "../../components/text.js";
 
-export function WithHeader({
-  children,
-  title,
-  description,
-  image,
-  client,
-}: {
+export function WithHeader(props: {
   children: React.ReactNode;
   title: string;
   description: string | undefined;
   image: string | undefined;
   client: ThirdwebClient;
 }) {
   const theme = useCustomTheme();
-  const showTitle = title !== "";
 
   return (
     <Container flex="column">
       {/* image */}
-      {image && (
+      {props.image && (
         <div
           style={{
             aspectRatio: "16/9",
             backgroundColor: theme.colors.tertiaryBg,
-            backgroundImage: `url(${getUrl(client, image)})`,
+            backgroundImage: `url(${getUrl(props.client, props.image)})`,
             backgroundPosition: "center",
             backgroundSize: "cover",
             borderRadius: `${radius.md} ${radius.md} 0 0`,
@@ -43,21 +36,21 @@ export function WithHeader({
       <Container flex="column" px="md">
         <Spacer y="md+" />
 
-        {(showTitle || description) && (
+        {(props.title || props.description) && (
           <>
             {/* title */}
-            {showTitle && (
+            {props.title && (
               <Text color="primaryText" size="lg" weight={600}>
-                {title}
+                {props.title}
               </Text>
             )}
 
             {/* Description */}
-            {description && (
+            {props.description && (
               <>
                 <Spacer y="xxs" />
                 <Text color="secondaryText" size="sm" multiline>
-                  {description}
+                  {props.description}
                 </Text>
               </>
             )}
@@ -66,7 +59,7 @@ export function WithHeader({
           </>
         )}
 
-        {children}
+        {props.children}
       </Container>
     </Container>
   );