From cc47a31ee9cd63feb1991c9630d11f9894e3f916 Mon Sep 17 00:00:00 2001
From: Travis Vachon <travis.vachon@gmail.com>
Date: Fri, 6 Dec 2024 11:22:17 -0800
Subject: [PATCH] feat: tweaks from testing

this fixes #150, #151, #152
---
 src/app/referrals/page.tsx  | 8 ++++++--
 src/components/PlanGate.tsx | 7 ++++++-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/app/referrals/page.tsx b/src/app/referrals/page.tsx
index 939a769..e84195c 100644
--- a/src/app/referrals/page.tsx
+++ b/src/app/referrals/page.tsx
@@ -3,6 +3,7 @@
 import CopyButton from '@/components/CopyButton'
 import DefaultLoader from '@/components/Loader'
 import { H1, H3 } from '@/components/Text'
+import Tooltip from '@/components/Tooltip'
 import { RefcodeResult, useReferrals } from '@/lib/referrals/hooks'
 import { useEffect } from 'react'
 import { KeyedMutator } from 'swr'
@@ -101,7 +102,10 @@ export function ReferralsList () {
             referrals.map((referral, i) =>
               <div key={i} className="flex flex-row justify-between items-center py-4">
                 <div>Referred Racha</div>
-                <div className="rounded-full bg-hot-red-light text-hot-red px-4 py-2 font-mono text-sm">In Progress</div>
+                <Tooltip
+                  text={['Your referral was successful! You will receive your reward once the referred user has paid for the requisite period of time.']}>
+                  <div className="rounded-full bg-hot-red-light text-hot-red px-4 py-2 font-mono text-sm">In Progress</div>
+                </Tooltip>
               </div>
             )
           }
@@ -111,7 +115,7 @@ export function ReferralsList () {
       <>
         <H3>Earn Free Storage and Racha Points!</H3>
         <p className='text-hot-red mb-4 max-w-lg'>
-          Turn your friends into Lite or Business Rachas and receive up to 16 months of Lite or
+          Turn your friends into Lite or Business Rachas and receive up to 16 months of Lite and
           3 months of Business for free! You can also earn Racha Points.
         </p>
       </>
diff --git a/src/components/PlanGate.tsx b/src/components/PlanGate.tsx
index 837aff0..1af2b5b 100644
--- a/src/components/PlanGate.tsx
+++ b/src/components/PlanGate.tsx
@@ -27,9 +27,14 @@ export function PlanGate ({ children }: { children: ReactNode }): ReactNode {
                 <h1 className="my-4 font-bold">Welcome, {email}!</h1>
                 <p className='my-4'>
                   Congratulations! You are eligible for a free trial of our Lite or Business subscriptions. That means
-                  we won&apos;t charge you anything today. We do need you to provide a valid credit card before we can start your
+                  we won&apos;t charge you anything today.
+                  If you choose a Lite plan, you will get two months for free! If you choose Business, you will get one month for free!
+                  We do need you to provide a valid credit card before we can start your
                   trial - pick a plan below and complete the checkout flow to get started!
                 </p>
+                <p className='my-4'>
+                  Please note that after your free trial ends, you will be charged 10 USD per month for Lite or 100 USD per month for Business tier.
+                </p>
               </div>
               <StripeTrialPricingTable />
             </>