Implement plan change alerts

koudicz · Dec 24, 2021 · cb1a443 · cb1a443
1 parent 87b7689
commit cb1a443
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git a/src/cloud/components/settings/SubscriptionTab.tsx b/src/cloud/components/settings/SubscriptionTab.tsx
@@ -14,6 +14,7 @@ import UpdateBillingPromoForm from '../SubscriptionForm/UpdateBillingPromo'
 import SettingTabContent from '../../../design/components/organisms/Settings/atoms/SettingTabContent'
 import styled from '../../../design/lib/styled'
 import ColoredBlock from '../../../design/components/atoms/ColoredBlock'
+import { ExternalLink } from '../../../design/components/atoms/Link'
 
 const stripePromise = loadStripe(stripePublishableKey)
 
@@ -81,6 +82,13 @@ const SubscriptionTab = () => {
       title={t('settings.teamSubscription')}
       body={
         <section>
+          <p>
+            ⚠️ We are rolling out{' '}
+            <ExternalLink href='https://intercom.help/boostnote-for-teams/en/articles/5821514-plan-changes-at-january-17th-2022'>
+              new plans and pricing
+            </ExternalLink>{' '}
+            on 17th January, 2022
+          </p>
           <div className='text--small'>
             {formtab == null ? (
               <SubscriptionManagement

diff --git a/src/cloud/components/settings/UpgradeTab.tsx b/src/cloud/components/settings/UpgradeTab.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable react/jsx-no-target-blank */
 import React, { useState, useEffect, useCallback } from 'react'
 import { usePage } from '../../lib/stores/pageStore'
 import { PageStoreWithTeam } from '../../interfaces/pageStore'
@@ -109,6 +110,13 @@ const UpgradeTab = ({
                 close={() => setShowTrialPopup(false)}
               />
             )}
+            <p style={{ textAlign: 'center' }}>
+              ⚠️ We are rolling out{' '}
+              <ExternalLink href='https://intercom.help/boostnote-for-teams/en/articles/5821514-plan-changes-at-january-17th-2022'>
+                new plans and pricing
+              </ExternalLink>{' '}
+              on 17th January, 2022
+            </p>
             <section>
               {teamIsEligibleForDiscount && (
                 <Banner variant='warning' iconPath={mdiGift}>
@@ -159,6 +167,13 @@ const UpgradeTab = ({
       }
       body={
         <div>
+          <p>
+            ⚠️ We are rolling out{' '}
+            <ExternalLink href='https://intercom.help/boostnote-for-teams/en/articles/5821514-plan-changes-at-january-17th-2022'>
+              new plans and pricing
+            </ExternalLink>{' '}
+            on 17th January, 2022
+          </p>
           {currentUserPermissions.role !== 'admin' ? (
             <ColoredBlock variant='danger'>
               Only admins can access this content.