mirror of
https://github.com/kamranahmedse/developer-roadmap.git
synced 2025-08-31 21:11:44 +02:00
Improve the non paid user headings
This commit is contained in:
@@ -31,12 +31,14 @@ 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 (
|
||||
<>
|
||||
{!isPaidUser ||
|
||||
(isNearLimit && (
|
||||
<button
|
||||
className="mr-1 flex items-center gap-1 text-sm font-medium underline underline-offset-2 lg:hidden"
|
||||
onClick={() => onShowLimits()}
|
||||
@@ -44,6 +46,7 @@ export function AICourseLimit(props: AICourseLimitProps) {
|
||||
<Info className="size-4" />
|
||||
{totalPercentage}% limit used
|
||||
</button>
|
||||
))}
|
||||
|
||||
{(!isPaidUser || isNearLimit) && (
|
||||
<button
|
||||
|
Reference in New Issue
Block a user