feat: add life-time tier

2anki · Oct 12, 2024 · 88e7f72 · 88e7f72
1 parent 2669345
commit 88e7f72
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 5 deletions.
diff --git a/src/pages/HomePage/components/Sections/tier/TierSection.tsx b/src/pages/HomePage/components/Sections/tier/TierSection.tsx
@@ -1,4 +1,4 @@
-import { getSubscribeLink } from '../../../../PricingPage/getSubscribeLink';
+import { getSubscribeLink } from '../../../../PricingPage/payment.links';
 import { TierInfoColumn } from './TierInfoColumn';
 import { useIsLoggedIn } from '../../../../../lib/useIsLoggedIn';
 

diff --git a/src/pages/PricingPage/PricingPage.tsx b/src/pages/PricingPage/PricingPage.tsx
@@ -1,13 +1,14 @@
 import { PageContainer } from '../../components/styled';
 import { getVisibleText } from '../../lib/text/getVisibleText';
-import { getSubscribeLink } from './getSubscribeLink';
+import { getLifetimeLink, getSubscribeLink } from './payment.links';
 import { PricingCard } from './components/PricingCard';
 import TopMessage from '../../components/TopMessage/TopMessage';
 import { useIsLoggedIn } from '../../lib/useIsLoggedIn';
 
 export default function PricingPage() {
   const isLoggedIn = useIsLoggedIn();
   const subcribeLink = isLoggedIn ? getSubscribeLink() : '/login';
+  const lifetimeLink = isLoggedIn ? getLifetimeLink() : '/login';
 
   return (
     <PageContainer>
@@ -35,6 +36,10 @@ export default function PricingPage() {
                 <PricingCard price="$2" title="Subscriber Plan" benefits={['Unlimited Flashcards (9GB++)']}
                              link={subcribeLink} linkText="Subscribe" />
               </div>
+              <div className="column is-4">
+                <PricingCard price="$96" title="Lifetime Access" benefits={['Forever premium access to 2anki.net']}
+                             link={lifetimeLink} linkText="Buy" />
+              </div>
             </div>
           </div>
         </section>

diff --git a/src/pages/PricingPage/components/PricingCard.tsx b/src/pages/PricingPage/components/PricingCard.tsx
@@ -17,9 +17,7 @@ export function PricingCard({ price, title, benefits, linkText, link }: Readonly
     </div>
     <div className="card-content">
       <div className="content">
-        <ul>
-          {benefits.map((benefit) => (<li key={benefit}>{benefit}</li>))}
-        </ul>
+        {benefits.map((benefit) => (<p key={benefit}>{benefit}</p>))}
       </div>
     </div>
     {link && linkText && <div className="card-footer">

diff --git a/src/pages/PricingPage/getSubscribeLink.tsx → src/pages/PricingPage/payment.links.ts b/src/pages/PricingPage/getSubscribeLink.tsx → src/pages/PricingPage/payment.links.ts
@@ -2,3 +2,8 @@ export const getSubscribeLink = () =>
   process.env.NODE_ENV === 'development' ?
     'https://buy.stripe.com/test_fZebM83k00Rj6PeeUU' :
     'https://buy.stripe.com/cN2cPC6ek7RCbjGdQU';
+
+export const getLifetimeLink = () =>
+  process.env.NODE_ENV === 'development' ?
+    'https://buy.stripe.com/test_14kbM82fW43v6PeeUV' :
+    'https://buy.stripe.com/28obLyeKQ3BmcnK8wB';