feat: description to billing page

packages/webapp/src/containers/Subscriptions/BillingPage.tsx

@@ -1,12 +1,21 @@
 // @ts-nocheck
 import * as R from 'ramda';
-import { Button } from '@blueprintjs/core';
-import withAlertActions from '../Alert/withAlertActions';
+import { Redirect } from 'react-router-dom';
 import { BillingPageBoot } from './BillingPageBoot';
 import { BillingPageContent } from './BillingPageContent';
 import { DashboardInsider } from '@/components';
+import { useDashboardMeta } from '@/hooks/query';
+import withAlertActions from '../Alert/withAlertActions';
 
 function BillingPageRoot({ openAlert }) {
+  const { data: dashboardMeta } = useDashboardMeta({
+    keepPreviousData: true,
+  });
+
+  // In case the edition is not Bigcapital Cloud, redirect to the homepage.
+  if (!dashboardMeta.is_bigcapital_cloud) {
+    return <Redirect to={{ pathname: '/' }} />;
+  }
   return (
     <DashboardInsider>
       <BillingPageBoot>

packages/webapp/src/containers/Subscriptions/BillingPageContent.tsx

@@ -15,9 +15,7 @@ export function BillingPageContent() {
   return (
     <Box className={styles.root}>
       <Text>
-        Transactions locking has the ability to lock all organization
-        transactions so users can’t edit, delete or create new transactions
-        during the past period.
+        Only pay for what you really need. All plans come with 24/7 customer support.
       </Text>
 
       <Group style={{ marginTop: '2rem' }}>

packages/webapp/src/containers/Subscriptions/BillingSubscription.tsx

@@ -61,9 +61,8 @@ function SubscriptionRoot({ openAlert, openDrawer }) {
       </Stack>
 
       <Text className={styles.description}>
-        Transactions locking has the ability to lock all organization
-        transactions so users can’t edit, delete or create new transactions
-        during the past period.
+        Control your business bookkeeping with automated accounting, to run
+        intelligent reports for faster decision-making.
       </Text>
 
       <Stack align="flex-start" spacing={8} className={styles.actions}>

packages/webapp/src/containers/Subscriptions/alerts/CancelMainSubscriptionAlert.tsx

@@ -37,7 +37,7 @@ function CancelMainSubscriptionAlert({
     cancelSubscription()
       .then(() => {
         AppToaster.show({
-          message: 'The subscription has been cancel.',
+          message: 'The subscription has been canceled.',
           intent: Intent.SUCCESS,
         });
       })
@@ -63,7 +63,14 @@ function CancelMainSubscriptionAlert({
       onConfirm={handleConfirm}
       loading={isLoading}
     >
-      <p>asdfsadf asdf asdfdsaf</p>
+      <p>
+        <strong>The subscription for this organization will end.</strong>
+      </p>
+
+      <p>
+        It will no longer be accessible to you or any other users. Make sure any
+        data has already been exported.
+      </p>
     </Alert>
   );
 }

packages/webapp/src/containers/Subscriptions/alerts/ResumeMainSubscriptionAlert.tsx

@@ -62,7 +62,13 @@ function ResumeMainSubscriptionAlert({
       onConfirm={handleConfirm}
       loading={isLoading}
     >
-      <p>asdfsadf asdf asdfdsaf</p>
+      <p>
+        <strong>The subscription for this organization will resume.</strong>
+
+        <p>
+          Are you sure want to resume the subscription of this organization?
+        </p>
+      </p>
     </Alert>
   );
 }