From 59e6650bd39ae0d4e1d75acb7c8bde23f280206d Mon Sep 17 00:00:00 2001
From: Joshen Lim <joshenlimek@gmail.com>
Date: Wed, 9 Nov 2022 17:07:28 +0800
Subject: [PATCH] Update CTA for PITR on free plan

---
 .../Database/Backups/BackupsList.tsx          |  2 +-
 studio/components/ui/UpgradeToPro.tsx         |  2 +-
 .../project/[ref]/database/backups/pitr.tsx   | 21 +++++++------------
 3 files changed, 9 insertions(+), 16 deletions(-)

diff --git a/studio/components/interfaces/Database/Backups/BackupsList.tsx b/studio/components/interfaces/Database/Backups/BackupsList.tsx
index 8366811d0f6..7609c648609 100644
--- a/studio/components/interfaces/Database/Backups/BackupsList.tsx
+++ b/studio/components/interfaces/Database/Backups/BackupsList.tsx
@@ -34,7 +34,7 @@ const BackupsList: FC<Props> = ({}) => {
       <UpgradeToPro
         primaryText="Free Plan does not include project backups."
         projectRef={projectRef}
-        secondaryText="Please upgrade to Pro plan for up to 7 days of backups."
+        secondaryText="Please upgrade to the Pro plan for up to 7 days of scheduled backups."
       />
     )
   }
diff --git a/studio/components/ui/UpgradeToPro.tsx b/studio/components/ui/UpgradeToPro.tsx
index 931e1f41be5..0266397cfdb 100644
--- a/studio/components/ui/UpgradeToPro.tsx
+++ b/studio/components/ui/UpgradeToPro.tsx
@@ -27,7 +27,7 @@ const UpgradeToPro: FC<Props> = ({ primaryText, projectRef, secondaryText }) =>
             <p className="text-sm text-scale-1100">{secondaryText}</p>
           </div>
         </div>
-        <Link href={`/project/${projectRef}/settings/billing/subscription`}>
+        <Link href={`/project/${projectRef}/settings/billing/update`}>
           <Button type="primary">Upgrade to Pro</Button>
         </Link>
       </div>
diff --git a/studio/pages/project/[ref]/database/backups/pitr.tsx b/studio/pages/project/[ref]/database/backups/pitr.tsx
index 28937220e2f..63a881c58e9 100644
--- a/studio/pages/project/[ref]/database/backups/pitr.tsx
+++ b/studio/pages/project/[ref]/database/backups/pitr.tsx
@@ -1,7 +1,6 @@
-import Link from 'next/link'
 import { useRouter } from 'next/router'
 import { observer } from 'mobx-react-lite'
-import { IconInfo, Tabs } from 'ui'
+import { Tabs } from 'ui'
 import { PermissionAction } from '@supabase/shared-types/out/constants'
 
 import { NextPageWithLayout } from 'types'
@@ -11,6 +10,7 @@ import Loading from 'components/ui/Loading'
 import NoPermission from 'components/ui/NoPermission'
 import { PITRNotice, PITRSelection } from 'components/interfaces/Database/Backups/PITR'
 import BackupsError from 'components/interfaces/Database/Backups/BackupsError'
+import UpgradeToPro from 'components/ui/UpgradeToPro'
 
 const DatabasePhysicalBackups: NextPageWithLayout = () => {
   const { ui } = useStore()
@@ -57,18 +57,11 @@ const PITR = () => {
   if (error) return <BackupsError />
   if (!isEnabled)
     return (
-      <div className="block w-full rounded border border-gray-400 border-opacity-50 bg-gray-300 p-3">
-        <div className="flex space-x-3">
-          <IconInfo size={20} strokeWidth={1.5} />
-          <p className="text-sm">
-            Point in time backups is an Enterprise feature. Reach out to us{' '}
-            <Link href={`/support/new?ref=${ref}&category=sales`}>
-              <a className="text-brand-900">here</a>
-            </Link>{' '}
-            if you're interested!
-          </p>
-        </div>
-      </div>
+      <UpgradeToPro
+        projectRef={ref}
+        primaryText="Free Plan does not include point in time recovery."
+        secondaryText="Please upgrade to the Pro plan to enable point in time recovery for your project."
+      />
     )
 
   return (