diff --git a/packages/fakeyou.com/src/scss/site-refresh.scss b/packages/fakeyou.com/src/scss/site-refresh.scss index 98c2be5bb3..9107aa085f 100644 --- a/packages/fakeyou.com/src/scss/site-refresh.scss +++ b/packages/fakeyou.com/src/scss/site-refresh.scss @@ -1261,6 +1261,10 @@ styles with important tags: background-color: lighten($primary, 5%); } } + + .fs-14 { + font-size: 14px; + } } select { diff --git a/packages/fakeyou.com/src/v2/view/pages/premium/PricingPage.tsx b/packages/fakeyou.com/src/v2/view/pages/premium/PricingPage.tsx index 04ed57b168..ac0bdaf807 100644 --- a/packages/fakeyou.com/src/v2/view/pages/premium/PricingPage.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/premium/PricingPage.tsx @@ -92,7 +92,7 @@ function PricingPage(props: Props) { let eliteButtonText = "Buy Elite"; let eliteButtonDisabled = false; - let unsubscribeButton = <>; + let unsubscribeSection = <>; if (userHasPaidPremium) { let unsubscribeKey = FYP.plus.internal_plan_key[planKey]; // NB: Default to something (I don't think this matters to Stripe.) @@ -120,17 +120,21 @@ function PricingPage(props: Props) { eliteButtonText = "Switch to Elite"; } - unsubscribeButton = ( + unsubscribeSection = ( <> -
- - - +
+

Cancel My Subscription

+

+ Upon cancellation, your subscription to FakeYou's premium features + will be terminated at the end of your current term, which means you + will no longer have access to these exclusive functionalities. +

+
); @@ -359,7 +363,6 @@ function PricingPage(props: Props) { ); })} -
  • {FYP.pro.vc.title}
  • {FYP.pro.vc.features.map((e: any) => { return ( @@ -607,9 +610,7 @@ function PricingPage(props: Props) {
    -
    -
    {unsubscribeButton}
    -
    + {unsubscribeSection} {/* Starter Tier (to show for Latin American countries) */} {/*
    diff --git a/packages/fakeyou.com/src/v2/view/pages/profile/profile_edit/ProfileEditFc.tsx b/packages/fakeyou.com/src/v2/view/pages/profile/profile_edit/ProfileEditFc.tsx index 4c4d2a36a3..60fafd0fec 100644 --- a/packages/fakeyou.com/src/v2/view/pages/profile/profile_edit/ProfileEditFc.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/profile/profile_edit/ProfileEditFc.tsx @@ -1,6 +1,6 @@ import React, { useEffect, useState } from "react"; import { ApiConfig } from "@storyteller/components"; -import { useHistory } from "react-router-dom"; +import { Link, useHistory } from "react-router-dom"; import { SessionWrapper } from "@storyteller/components/src/session/SessionWrapper"; import { Gravatar } from "@storyteller/components/src/elements/Gravatar"; import { useParams } from "react-router-dom"; @@ -261,7 +261,7 @@ function ProfileEditFc(props: Props) { name="preferred_tts_result_visibility" onChange={handlePreferredTtsResultVisibilityChange} value={preferredTtsResultVisibility} - className="form-select" + className="form-select rounded" >