From 82a1db0c44778fca73a7219a89c2037159d8af9b Mon Sep 17 00:00:00 2001
From: Richie McIlroy <33632126+richiemcilroy@users.noreply.github.com>
Date: Fri, 17 Jan 2025 14:53:20 +0000
Subject: [PATCH] feat: Upgrade content

---
 apps/desktop/src/routes/(window-chrome)/(main).tsx  | 4 ++--
 apps/desktop/src/routes/(window-chrome)/upgrade.tsx | 7 ++++---
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/apps/desktop/src/routes/(window-chrome)/(main).tsx b/apps/desktop/src/routes/(window-chrome)/(main).tsx
index 30e94630..082b0ab9 100644
--- a/apps/desktop/src/routes/(window-chrome)/(main).tsx
+++ b/apps/desktop/src/routes/(window-chrome)/(main).tsx
@@ -167,13 +167,13 @@ export default function () {
                 await commands.showWindow("Upgrade");
               }
             }}
-            class={`text-[0.625rem] ${
+            class={`text-[0.6rem] ${
               isUpgraded()
                 ? "bg-[--blue-400] text-gray-50 dark:text-gray-500"
                 : "bg-gray-200 cursor-pointer hover:bg-gray-300"
             } rounded-lg px-1.5 py-0.5`}
           >
-            {isUpgraded() ? "Pro" : "Free"}
+            {isUpgraded() ? "Pro" : "Upgrade to Pro"}
           </span>
         </div>
         <div class="flex items-center space-x-2">
diff --git a/apps/desktop/src/routes/(window-chrome)/upgrade.tsx b/apps/desktop/src/routes/(window-chrome)/upgrade.tsx
index 2a70467c..b482b015 100644
--- a/apps/desktop/src/routes/(window-chrome)/upgrade.tsx
+++ b/apps/desktop/src/routes/(window-chrome)/upgrade.tsx
@@ -9,6 +9,7 @@ import { apiClient, protectedHeaders } from "~/utils/web-api";
 
 export default function Page() {
   const proFeatures = [
+    "Remove watermark from recordings",
     "Unlimited cloud storage & Shareable links",
     "Connect custom S3 storage bucket",
     "Advanced teams features",
@@ -169,15 +170,15 @@ export default function Page() {
                   </button>
                 </div>
                 <div class="flex items-center px-6 pb-6 pt-0">
-                  <div class="space-y-8">
+                  <div class="space-y-6">
                     <div>
                       <ul class="list-none p-0 space-y-3">
                         {proFeatures.map((feature) => (
                           <li class="flex items-center justify-start">
                             <div class="w-6 h-6 m-0 p-0 flex items-center border-[2px] border-white justify-center rounded-full">
-                              <IconLucideCheck class="w-5 h-5 stroke-[4px] text-[--gray-50]" />
+                              <IconLucideCheck class="w-4 h-4 stroke-[4px] text-[--gray-50]" />
                             </div>
-                            <span class="ml-2 text-lg text-gray-50">
+                            <span class="ml-2 text-[0.9rem] text-gray-50">
                               {feature}
                             </span>
                           </li>