feat: Upgrade content

CapSoftware · Jan 17, 2025 · 82a1db0 · 82a1db0 · vercel · Jan 17, 2025
1 parent d48b0ba
commit 82a1db0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git 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
@@ -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>