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

UI, layout, and target exam logic updates

Browse Source
This commit is contained in:
ectasy663
2026-09-22 17:26:22 +05:30
parent a21518ab6c
commit e6f1fc9c1f
6 changed files with 75 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -24,8 +24,8 @@ export function MistakeHeatmap() {
const isDemo = isDemoUser(userId);
const getColor = (errorRate: number) => {
if (errorRate === 0) return 'bg-white/5 border-white/10 text-muted-foreground';
if (errorRate >= 50) return 'bg-red-500/80 border-red-500 shadow-[0_0_10px_-2px_rgba(239,68,68,0.5)]'; // Critical
if (errorRate === 0) return 'bg-green-600/50 border-green-600/80 text-green-100';
if (errorRate >= 50) return 'bg-red-600/80 border-red-600 shadow-[0_0_10px_-2px_rgba(220,38,38,0.5)] text-red-100'; // Critical
if (errorRate >= 30) return 'bg-amber-500/60 border-amber-500'; // Warning
if (errorRate >= 10) return 'bg-yellow-500/30 border-yellow-500/50'; // Moderate
return 'bg-green-500/20 border-green-500/30'; // Good
@@ -41,7 +41,6 @@ export function MistakeHeatmap() {
<Flame className="text-orange-500" /> Mastery Map
<Badge variant="outline" className="border-[var(--cyan-ai-30)] text-[var(--cyan-ai)] bg-[var(--cyan-ai-10)] rounded-md text-[10px] uppercase font-bold ml-2 hidden sm:flex">AI Coach</Badge>
</CardTitle>
<Info size={16} className="text-muted-foreground" />
</div>
<p className="text-sm text-muted-foreground">
{isDemo ? "Topic-wise error rate across last 5 tests." : "Topic-wise error rate across your recent test sessions."}
@@ -95,13 +94,6 @@ export function MistakeHeatmap() {
)}
</div>
{/* Legend */}
<div className="mt-6 pt-4 border-t border-border/50 flex flex-wrap items-center justify-center gap-x-4 gap-y-2 text-xs font-bold text-muted-foreground">
<div className="flex items-center gap-1.5"><div className="size-3 rounded-sm bg-green-500/20 border border-green-500/30"></div> {"0-10% (Optimal)"}</div>
<div className="flex items-center gap-1.5"><div className="size-3 rounded-sm bg-yellow-500/30 border border-yellow-500/50"></div> {"10-30%"}</div>
<div className="flex items-center gap-1.5"><div className="size-3 rounded-sm bg-amber-500/60 border border-amber-500"></div> {"30-50%"}</div>
<div className="flex items-center gap-1.5"><div className="size-3 rounded-sm bg-red-500/80 border border-red-500"></div> {"> 50%"}</div>
</div>
</CardContent>
</Card>
)