don't display twitter share if no twitter intent

PotLock · Nov 10, 2023 · 69de295 · 69de295
1 parent 8b0adcf
commit 69de295
Show file tree

Hide file tree

Showing 2 changed files with 66 additions and 30 deletions.
diff --git a/apps/potlock/widget/Cart/Checkout.jsx b/apps/potlock/widget/Cart/Checkout.jsx
@@ -207,31 +207,49 @@ return (
     {props.checkoutSuccess ? (
       <SuccessContainer>
         <Title>Thanks for donating!</Title>
-        <Widget
-          src={`${ownerId}/widget/Buttons.NavigationButton`}
-          props={{
-            href: twitterIntent,
-            target: "_blank",
-            type: "primary",
-            text: "Share to Twitter",
-            disabled: !twitterIntent,
-            style: {
-              width: "300px",
-            },
-          }}
-        />
+        {twitterIntent && (
+          <Widget
+            src={`${ownerId}/widget/Buttons.NavigationButton`}
+            props={{
+              href: twitterIntent,
+              target: "_blank",
+              type: "primary",
+              text: "Share to Twitter",
+              disabled: !twitterIntent,
+              style: {
+                width: "300px",
+              },
+            }}
+          />
+        )}
         <Widget
           src={`${ownerId}/widget/Buttons.NavigationButton`}
           props={{
             href: `?tab=projects`,
-            type: "secondary",
+            type: twitterIntent ? "secondary" : "primary",
             text: "Explore projects",
             style: {
               width: "300px",
             },
           }}
         />
-        <TxLink>View transaction</TxLink>
+        {twitterIntent ? (
+          <TxLink>View transaction</TxLink>
+        ) : (
+          <Widget
+            src={`${ownerId}/widget/Buttons.NavigationButton`}
+            props={{
+              href: `https://nearblocks.io/txns/${props.checkoutSuccessTxHash}`,
+              target: "_blank",
+              type: "secondary",
+              text: "View transaction",
+              disabled: !props.checkoutSuccessTxHash,
+              style: {
+                width: "300px",
+              },
+            }}
+          />
+        )}
       </SuccessContainer>
     ) : (
       <>

diff --git a/build/potlock/src/Cart/Checkout.jsx b/build/potlock/src/Cart/Checkout.jsx
@@ -207,31 +207,49 @@ return (
     {props.checkoutSuccess ? (
       <SuccessContainer>
         <Title>Thanks for donating!</Title>
-        <Widget
-          src={`${ownerId}/widget/Buttons.NavigationButton`}
-          props={{
-            href: twitterIntent,
-            target: "_blank",
-            type: "primary",
-            text: "Share to Twitter",
-            disabled: !twitterIntent,
-            style: {
-              width: "300px",
-            },
-          }}
-        />
+        {twitterIntent && (
+          <Widget
+            src={`${ownerId}/widget/Buttons.NavigationButton`}
+            props={{
+              href: twitterIntent,
+              target: "_blank",
+              type: "primary",
+              text: "Share to Twitter",
+              disabled: !twitterIntent,
+              style: {
+                width: "300px",
+              },
+            }}
+          />
+        )}
         <Widget
           src={`${ownerId}/widget/Buttons.NavigationButton`}
           props={{
             href: `?tab=projects`,
-            type: "secondary",
+            type: twitterIntent ? "secondary" : "primary",
             text: "Explore projects",
             style: {
               width: "300px",
             },
           }}
         />
-        <TxLink>View transaction</TxLink>
+        {twitterIntent ? (
+          <TxLink>View transaction</TxLink>
+        ) : (
+          <Widget
+            src={`${ownerId}/widget/Buttons.NavigationButton`}
+            props={{
+              href: `https://nearblocks.io/txns/${props.checkoutSuccessTxHash}`,
+              target: "_blank",
+              type: "secondary",
+              text: "View transaction",
+              disabled: !props.checkoutSuccessTxHash,
+              style: {
+                width: "300px",
+              },
+            }}
+          />
+        )}
       </SuccessContainer>
     ) : (
       <>