diff --git a/dashboard/src/main/home/modals/BillingModal.tsx b/dashboard/src/main/home/modals/BillingModal.tsx index 01d72b2e73..8a54ce2cee 100644 --- a/dashboard/src/main/home/modals/BillingModal.tsx +++ b/dashboard/src/main/home/modals/BillingModal.tsx @@ -7,6 +7,7 @@ import Modal from "components/porter/Modal"; import Spacer from "components/porter/Spacer"; import Text from "components/porter/Text"; import { usePublishableKey } from "lib/hooks/useStripe"; +import { useIntercom } from "lib/hooks/useIntercom"; import { Context } from "shared/Context"; @@ -24,10 +25,11 @@ const BillingModal = ({ const { currentProject } = useContext(Context); const { publishableKey } = usePublishableKey(); + const { showIntercomWithMessage } = useIntercom(); + let stripePromise; if (publishableKey) { stripePromise = loadStripe(publishableKey); - } const appearance = { @@ -75,10 +77,20 @@ const BillingModal = ({ ) : ( {trialExpired - ? `Your applications will continue to run but you will not be able to access your project until you link a payment method. ` + ? ( +
+ Your applications will continue to run but you will not be able to access your project until you link a payment method. + {" "} + showIntercomWithMessage({ + message: "I have already redeemed my startup deal.", + delaySeconds: 0, + })}> + Already redeemed your startup deal? + +
+ ) : "Link a payment method to your Porter project."} -
-
+ {`You can learn more about our pricing under "For Businesses" `} here @@ -87,17 +99,18 @@ const BillingModal = ({ )} { - publishableKey ? - - : null + publishableKey ? ( + + + + ) : null } - - + ); };