Enable startup program (#2230)

components/onboarding/index.tsx

@@ -17,6 +17,7 @@ import { GLOBAL_EWS_AUTH_TOKEN_KEY } from "constants/app";
 import { walletIds } from "@thirdweb-dev/wallets";
 import { OnboardingChoosePlan } from "./ChoosePlan";
 import { OnboardingLinkWallet } from "./LinkWallet";
+import { useLocalStorage } from "hooks/useLocalStorage";
 
 const skipBilling = (account: Account) => {
   return (
@@ -43,7 +44,7 @@ export const Onboarding: React.FC = () => {
   const trackEvent = useTrack();
   const wallet = useWallet();
   const ewsConfirmMutation = useConfirmEmbeddedWallet();
-  const claimGrowth = false;
+  const [claimGrowth] = useLocalStorage("startup-program", false, true);
 
   const [state, setState] = useState<OnboardingState>();
   const [account, setAccount] = useState<Account>();

components/settings/Account/Billing/index.tsx

@@ -19,13 +19,14 @@ import { BillingPricing } from "./Pricing";
 import { OnboardingBilling } from "components/onboarding/Billing";
 import { OnboardingModal } from "components/onboarding/Modal";
 import { FiExternalLink } from "react-icons/fi";
+import { useLocalStorage } from "hooks/useLocalStorage";
 
 interface BillingProps {
   account: Account;
 }
 
 export const Billing: React.FC<BillingProps> = ({ account }) => {
-  const claimGrowth = false;
+  const [claimGrowth] = useLocalStorage("startup-program", false, true);
   const updatePlanMutation = useUpdateAccountPlan();
   const {
     isOpen: isPaymentMethodOpen,

pages/dashboard/settings/billing.tsx

@@ -9,13 +9,14 @@ import { useRouter } from "next/router";
 import { useLoggedInUser } from "@3rdweb-sdk/react/hooks/useLoggedInUser";
 import { Billing } from "components/settings/Account/Billing";
 import { BillingConnectWalletPrompt } from "components/settings/Account/Billing/ConnectWallet";
+import { useLocalStorage } from "hooks/useLocalStorage";
 
 const SettingsBillingPage: ThirdwebNextPage = () => {
   const { isLoggedIn, isLoading } = useLoggedInUser();
   const meQuery = useAccount();
   const router = useRouter();
   const { data: account } = meQuery;
-  const claimGrowth = false;
+  const [claimGrowth] = useLocalStorage("startup-program", false, true);
 
   useEffect(() => {
     let refetchInterval: ReturnType<typeof setInterval> | undefined;

pages/pricing.tsx

@@ -20,12 +20,30 @@ import { PricingSection } from "components/homepage/sections/PricingSection";
 import { FAQ_GENERAL, FAQ_PRICING, PRICING_SECTIONS } from "utils/pricing";
 import { IoIosInformationCircleOutline } from "react-icons/io";
 import { FiExternalLink } from "react-icons/fi";
+import { useEffect } from "react";
+import { useRouter } from "next/router";
+import { useLocalStorage } from "hooks/useLocalStorage";
 
 const TRACKING_CATEGORY = "pricing-page";
 
 const Pricing: ThirdwebNextPage = () => {
+  const router = useRouter();
+  const [claimGrowth, setClaimedGrowth] = useLocalStorage(
+    "startup-program",
+    false,
+    true,
+  );
+  const { startupProgram: claimGrowthQuery } = router.query;
+
   const isMobile = useBreakpointValue({ base: true, lg: false }) as boolean;
 
+  useEffect(() => {
+    if (claimGrowthQuery !== undefined) {
+      setClaimedGrowth(true);
+      router.replace("/pricing");
+    }
+  }, [claimGrowthQuery, router, setClaimedGrowth]);
+
   return (
     <LandingLayout
       seo={{
@@ -52,7 +70,7 @@ const Pricing: ThirdwebNextPage = () => {
       >
         <PricingSection
           trackingCategory={TRACKING_CATEGORY}
-          canTrialGrowth={false}
+          canTrialGrowth={claimGrowth}
         />
 
         <Flex flexDir="column" gap={20}>