From b74f290995fc0e8c2ea2dd6db17c1c9aec7b7d95 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Fri, 14 Mar 2025 02:14:05 +0000
Subject: [PATCH] Improve the non paid user headings
---
.../GenerateCourse/AICourseLimit.tsx | 21 +++++++++++--------
1 file changed, 12 insertions(+), 9 deletions(-)
diff --git a/src/components/GenerateCourse/AICourseLimit.tsx b/src/components/GenerateCourse/AICourseLimit.tsx
index 5dac1a284..efba35c2b 100644
--- a/src/components/GenerateCourse/AICourseLimit.tsx
+++ b/src/components/GenerateCourse/AICourseLimit.tsx
@@ -31,19 +31,22 @@ export function AICourseLimit(props: AICourseLimitProps) {
const totalPercentage = getPercentage(used, limit);
- // has consumed 80% of the limit
- const isNearLimit = used >= limit * 0.8;
+ // has consumed 85% of the limit
+ const isNearLimit = used >= limit * 0.85;
const isPaidUser = userBillingDetails.status === 'active';
return (
<>
- <button
- className="mr-1 flex items-center gap-1 text-sm font-medium underline underline-offset-2 lg:hidden"
- onClick={() => onShowLimits()}
- >
- <Info className="size-4" />
- {totalPercentage}% limit used
- </button>
+ {!isPaidUser ||
+ (isNearLimit && (
+ <button
+ className="mr-1 flex items-center gap-1 text-sm font-medium underline underline-offset-2 lg:hidden"
+ onClick={() => onShowLimits()}
+ >
+ <Info className="size-4" />
+ {totalPercentage}% limit used
+ </button>
+ ))}
{(!isPaidUser || isNearLimit) && (
<button