Merge pull request mfts#753 from shnai0/completing

feat: added small changes to side bar and upgrade modal
dhanyamd · Oct 11, 2024 · a7b82c0 · a7b82c0
2 parents 44b2bfa + 9edac72
commit a7b82c0
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/components/Sidebar.tsx b/components/Sidebar.tsx
@@ -303,6 +303,9 @@ export const SidebarComponent = ({ className }: { className?: string }) => {
                 usageLimit={documentsLimit}
               />
             ) : null}
+            <p className="mt-2 px-2 text-xs text-muted-foreground">
+              Change plan to increase usage limits
+            </p>
           </div>
 
           <div className="hidden w-full lg:block">
@@ -332,15 +335,15 @@ function UsageProgress(data: {
         <h3 className="font-medium">{title}</h3>
       </div> */}
 
-      <div className="mt-2 flex flex-col space-y-2">
+      <div className="mt-1 flex flex-col space-y-1">
         {usage !== undefined && usageLimit !== undefined ? (
-          <p className="text-sm text-foreground">
+          <p className="text-xs text-foreground">
             <span>{nFormatter(usage)}</span> / {nFormatter(usageLimit)} {unit}
           </p>
         ) : (
           <div className="h-5 w-32 animate-pulse rounded-md bg-muted" />
         )}
-        <Progress value={usagePercentage} className="h-2 bg-muted" max={100} />
+        <Progress value={usagePercentage} className="h-1 bg-muted" max={100} />
       </div>
     </div>
   );

diff --git a/components/billing/upgrade-plan-modal.tsx b/components/billing/upgrade-plan-modal.tsx
@@ -59,6 +59,7 @@ export function UpgradePlanModal({
           "Custom branding",
           "Folder organization",
           "Require email verification",
+          "Clickable links inside documents",
           "More file types: pppt, docx, excel",
           "Papermark branding removed",
           "1-year analytics retention",