naman_panwar_gnpl/pragativeer-v2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix Mastery Map overlapping UI and AI Coach access lockages

Browse Source
This commit is contained in:
ectasy663
2026-09-25 13:24:41 +05:30
parent fa5a5148ff
commit ee8aadcf2d
2 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/components/AI/MistakeHeatmap.tsx
View File

@@ -51,12 +51,12 @@ export function MistakeHeatmap() {
{/* Header row */} {/* Header row */}
<div className="flex items-center mb-3 text-xs sm:text-sm font-black text-muted-foreground uppercase tracking-wider"> <div className="flex items-center mb-3 text-xs sm:text-sm font-black text-muted-foreground uppercase tracking-wider">
<div className="w-32 sm:w-36 md:w-40 shrink-0 pr-2">Topic</div> <div className="w-32 sm:w-36 md:w-40 shrink-0 pr-2">Topic</div>
<div className="flex-1 grid grid-cols-5 gap-1 text-center"> <div className="flex-1 grid grid-cols-5 gap-0.5 sm:gap-1 text-center text-[9px] sm:text-xs">
<span>T-4</span> <span className="whitespace-nowrap">T-4</span>
<span>T-3</span> <span className="whitespace-nowrap">T-3</span>
<span>T-2</span> <span className="whitespace-nowrap">T-2</span>
<span>T-1</span> <span className="whitespace-nowrap">T-1</span>
<span>Latest</span> <span className="whitespace-nowrap truncate">Latest</span>
</div> </div>
</div> </div>
@@ -67,14 +67,14 @@ export function MistakeHeatmap() {
<div className="w-32 sm:w-36 md:w-40 shrink-0 text-xs sm:text-sm md:text-base font-bold truncate pr-2 group-hover:text-primary transition-colors" title={row.topic}> <div className="w-32 sm:w-36 md:w-40 shrink-0 text-xs sm:text-sm md:text-base font-bold truncate pr-2 group-hover:text-primary transition-colors" title={row.topic}>
{row.topic} {row.topic}
</div> </div>
<div className="flex-1 grid grid-cols-5 gap-1"> <div className="flex-1 grid grid-cols-5 gap-0.5 sm:gap-1">
{row.attempts.map((errRate, i) => ( {row.attempts.map((errRate, i) => (
<div <div
key={i} key={i}
className={`h-8 sm:h-9 rounded-md border transition-all duration-300 group-hover:scale-105 flex items-center justify-center cursor-help ${getColor(errRate)}`} className={`h-8 sm:h-9 rounded-sm sm:rounded-md border transition-all duration-300 group-hover:scale-105 flex items-center justify-center cursor-help ${getColor(errRate)}`}
title={`Error Rate: ${errRate}%`} title={`Error Rate: ${errRate}%`}
> >
<span className="text-[10px] sm:text-xs font-black text-foreground/90">{errRate}%</span> <span className="text-[8px] sm:text-xs font-black text-foreground/90">{errRate}%</span>
</div> </div>
))} ))}
</div> </div>

6
src/hooks/useActiveUser.ts
View File

@@ -303,7 +303,11 @@ export function useActiveUser() {
// Compute effective tier via trial logic // Compute effective tier via trial logic
const { effectiveTier } = computeTrialInfo(user, globalSettings); const { effectiveTier } = computeTrialInfo(user, globalSettings);
const tier = effectiveTier || "Free"; // Normalize tier string to handle both DB format (AI_COACH, PRO, FREE) and UI format
let tier = effectiveTier || "Free";
if (tier === "AI_COACH" as any) tier = "AI Coach";
if (tier === "PRO" as any) tier = "Pro";
if (tier === "FREE" as any) tier = "Free";
// Core restrictions mapping based on PRD feature matrix // Core restrictions mapping based on PRD feature matrix
switch (feature) { switch (feature) {