Fix OG image, CBT filters, syllabus split, and trial duration

2026-09-22 17:39:18 +05:30
parent e6f1fc9c1f
commit 6e8df1841e
5 changed files with 119 additions and 66 deletions
--- a/src/app/api/og/progress/route.tsx
+++ b/src/app/api/og/progress/route.tsx
@@ -12,7 +12,9 @@ export async function GET(req: NextRequest) {
    const accuracy = searchParams.get('accuracy') || '0';
    const name = searchParams.get('name') || 'Student';

-    // Renders a high-end, minimalist graphic using pure Tailwind and React
+    const target = searchParams.get('target') || 'JEE';
+    const plan = searchParams.get('plan') || 'Free';
+
    return new ImageResponse(
      (
        <div
@@ -21,38 +23,60 @@ export async function GET(req: NextRequest) {
            width: '100%',
            display: 'flex',
            flexDirection: 'column',
-            alignItems: 'center',
-            justifyContent: 'center',
-            backgroundColor: '#0a0a0a', // Deep premium dark mode
+            justifyContent: 'space-between',
+            backgroundColor: '#0a0a0a',
            color: '#ffffff',
            fontFamily: 'sans-serif',
-            padding: '40px',
-            border: '8px solid #333',
+            padding: '60px',
+            border: '8px solid #222',
          }}
        >
-          <div style={{ display: 'flex', fontSize: 60, fontWeight: 800, marginBottom: 20, letterSpacing: '-0.05em' }}>
-            PragatiVeer
+          {/* Header */}
+          <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start', width: '100%' }}>
+            <div style={{ display: 'flex', alignItems: 'center' }}>
+              <div style={{ width: 40, height: 40, backgroundColor: '#06b6d4', borderRadius: 8, marginRight: 16 }} />
+              <span style={{ fontSize: 32, fontWeight: 900, letterSpacing: '0.05em' }}>PRAGATIVEER</span>
            </div>
-          <div style={{ display: 'flex', fontSize: 32, color: '#a3a3a3', marginBottom: 60 }}>
-            {name}'s JEE Preparation Progress
-          </div>
-          
-          <div style={{ display: 'flex', width: '100%', justifyContent: 'space-around' }}>
-            {/* Streak Metric */}
-            <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
-              <span style={{ fontSize: 80, fontWeight: 900, color: '#f59e0b' }}>{streak}🔥</span>
-              <span style={{ fontSize: 24, color: '#d4d4d4', marginTop: 10 }}>Day Streak</span>
-            </div>
-            
-            {/* Accuracy Metric */}
-            <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center' }}>
-              <span style={{ fontSize: 80, fontWeight: 900, color: '#10b981' }}>{accuracy}%</span>
-              <span style={{ fontSize: 24, color: '#d4d4d4', marginTop: 10 }}>Top Accuracy</span>
+            <div style={{ fontSize: 20, fontWeight: 700, color: '#06b6d4', backgroundColor: 'rgba(6,182,212,0.1)', padding: '8px 16px', borderRadius: 20, border: '1px solid rgba(6,182,212,0.2)' }}>
+              Weekly Report
            </div>
          </div>

-          <div style={{ display: 'flex', position: 'absolute', bottom: 40, fontSize: 20, color: '#525252' }}>
-            Join me on pragativeer.com/invite
+          {/* Main Content */}
+          <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', width: '100%', marginTop: 20 }}>
+            <h3 style={{ fontSize: 48, fontWeight: 900, marginBottom: 40 }}>You crushed it this week!</h3>
+            
+            {/* 2x2 Grid */}
+            <div style={{ display: 'flex', flexWrap: 'wrap', width: '600px', justifyContent: 'center', gap: '24px' }}>
+              <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', width: '280px', height: '160px', backgroundColor: 'rgba(255,255,255,0.05)', borderRadius: 24, border: '1px solid rgba(255,255,255,0.1)' }}>
+                <span style={{ fontSize: 48, fontWeight: 900, color: '#f59e0b', marginBottom: 8 }}>{streak}</span>
+                <span style={{ fontSize: 16, color: 'rgba(255,255,255,0.7)', textTransform: 'uppercase', fontWeight: 800, letterSpacing: '0.05em' }}>Day Streak</span>
+              </div>
+              <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', width: '280px', height: '160px', backgroundColor: 'rgba(255,255,255,0.05)', borderRadius: 24, border: '1px solid rgba(255,255,255,0.1)' }}>
+                <span style={{ fontSize: 48, fontWeight: 900, color: '#4ade80', marginBottom: 8 }}>{accuracy}%</span>
+                <span style={{ fontSize: 16, color: 'rgba(255,255,255,0.7)', textTransform: 'uppercase', fontWeight: 800, letterSpacing: '0.05em' }}>Accuracy</span>
+              </div>
+              <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', width: '280px', height: '160px', backgroundColor: 'rgba(255,255,255,0.05)', borderRadius: 24, border: '1px solid rgba(255,255,255,0.1)' }}>
+                <span style={{ fontSize: 48, fontWeight: 900, color: '#22d3ee', marginBottom: 8 }}>4</span>
+                <span style={{ fontSize: 16, color: 'rgba(255,255,255,0.7)', textTransform: 'uppercase', fontWeight: 800, letterSpacing: '0.05em' }}>Tests Taken</span>
+              </div>
+              <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', width: '280px', height: '160px', backgroundColor: 'rgba(255,255,255,0.05)', borderRadius: 24, border: '1px solid rgba(255,255,255,0.1)' }}>
+                <span style={{ fontSize: 48, fontWeight: 900, color: '#c084fc', marginBottom: 8 }}>78%</span>
+                <span style={{ fontSize: 16, color: 'rgba(255,255,255,0.7)', textTransform: 'uppercase', fontWeight: 800, letterSpacing: '0.05em' }}>Avg Score</span>
+              </div>
+            </div>
+          </div>
+          
+          {/* Footer */}
+          <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-end', width: '100%', marginTop: 20 }}>
+            <div style={{ display: 'flex', flexDirection: 'column' }}>
+              <div style={{ fontSize: 24, fontWeight: 800 }}>{name}</div>
+              <div style={{ fontSize: 18, color: 'rgba(255,255,255,0.7)', marginTop: 8 }}>{plan} Plan</div>
+              <div style={{ fontSize: 18, color: '#06b6d4', marginTop: 4 }}>{target} Aspirant</div>
+            </div>
+            <div style={{ fontSize: 18, color: 'rgba(255,255,255,0.5)', letterSpacing: '0.05em' }}>
+              contact@pragativeer.com
+            </div>
          </div>
        </div>
      ),
--- a/src/app/dashboard/cbt/page.tsx
+++ b/src/app/dashboard/cbt/page.tsx
@@ -68,7 +68,9 @@ export default function CBTPage() {
        if (testRes.ok) {
          let testsData = await testRes.json();
          if (selectedPattern === "JEE") {
-            testsData = testsData.filter((t: any) => t.exam_pattern === "JEE_Main" || t.exam_pattern === "JEE_Advanced");
+            testsData = testsData.filter((t: any) => t.exam_pattern?.includes("JEE"));
+          } else if (selectedPattern === "NEET") {
+            testsData = testsData.filter((t: any) => t.exam_pattern === "NEET");
          }
          setExams(testsData);
        }
--- a/src/app/dashboard/layout.tsx
+++ b/src/app/dashboard/layout.tsx
@@ -376,7 +376,7 @@ export default function DashboardLayout({ children }: { children: ReactNode }) {
        {trialInfo.isTrialActive && (
          <div className="bg-primary text-primary-foreground px-4 py-2.5 text-center text-sm font-bold flex justify-center items-center gap-2 shadow-sm shrink-0 z-30">
            <span className="size-2 rounded-full bg-primary-foreground animate-pulse"></span>
-            15 Days Free Trial — Day {trialInfo.trialDayNumber}
+            {trialInfo.trialTotalDays} Days Free Trial — Day {trialInfo.trialDayNumber}
          </div>
        )}

--- a/src/app/dashboard/progress/page.tsx
+++ b/src/app/dashboard/progress/page.tsx
@@ -81,20 +81,7 @@ const DEMO_SUBJECTS: Subject[] = [
      }
    ]
  },
-  {
-    name: "Mathematics / Biology",
-    completionPct: 22,
-    chapters: [
-      {
-        name: "Calculus",
-        isExpanded: false,
-        topics: [
-          { name: "Limits", status: "In Progress", accuracy: 60, questionsAttempted: 45 },
-          { name: "Derivatives", status: "Not Started", accuracy: 0, questionsAttempted: 0 },
-        ]
-      }
-    ]
-  }
+  // Math/Bio dynamic subjects handled below
 ]

 const ZERO_SUBJECTS: Subject[] = [
@@ -143,20 +130,7 @@ const ZERO_SUBJECTS: Subject[] = [
      }
    ]
  },
-  {
-    name: "Mathematics / Biology",
-    completionPct: 0,
-    chapters: [
-      {
-        name: "Core Foundation",
-        isExpanded: false,
-        topics: [
-          { name: "Limits / Cell Structure", status: "Not Started", accuracy: 0, questionsAttempted: 0 },
-          { name: "Derivatives / Genetics", status: "Not Started", accuracy: 0, questionsAttempted: 0 },
-        ]
-      }
-    ]
-  }
+  // Math/Bio dynamic subjects handled below
 ]

 export default function ProgressTrackerPage() {
@@ -166,19 +140,72 @@ export default function ProgressTrackerPage() {

  useEffect(() => {
    const targetExam = user?.target_exam || "JEE_Main";
-    const mathOrBio = targetExam === "NEET" ? "Biology" : "Mathematics";
+    const isNeet = targetExam === "NEET";
    
-    const getSubjects = (demo: boolean) => {
-      const base = demo ? DEMO_SUBJECTS : ZERO_SUBJECTS;
-      return base.map(s => {
-        if (s.name === "Mathematics / Biology") {
-          return { ...s, name: mathOrBio };
+    const mathDemoSubject: Subject = {
+      name: "Mathematics",
+      completionPct: 22,
+      chapters: [
+        {
+          name: "Calculus",
+          isExpanded: true,
+          topics: [
+            { name: "Limits", status: "In Progress", accuracy: 60, questionsAttempted: 45 },
+            { name: "Derivatives", status: "Not Started", accuracy: 0, questionsAttempted: 0 },
+          ]
        }
-        return s;
-      });
+      ]
    };

-    setSubjects(getSubjects(isDemo));
+    const bioDemoSubject: Subject = {
+      name: "Biology",
+      completionPct: 35,
+      chapters: [
+        {
+          name: "Cell Structure",
+          isExpanded: true,
+          topics: [
+            { name: "Cell Wall", status: "Practiced", accuracy: 80, questionsAttempted: 60 },
+            { name: "Nucleus", status: "In Progress", accuracy: 50, questionsAttempted: 25 },
+          ]
+        }
+      ]
+    };
+
+    const mathZeroSubject: Subject = {
+      name: "Mathematics",
+      completionPct: 0,
+      chapters: [
+        {
+          name: "Calculus",
+          isExpanded: true,
+          topics: [
+            { name: "Limits", status: "Not Started", accuracy: 0, questionsAttempted: 0 },
+            { name: "Derivatives", status: "Not Started", accuracy: 0, questionsAttempted: 0 },
+          ]
+        }
+      ]
+    };
+
+    const bioZeroSubject: Subject = {
+      name: "Biology",
+      completionPct: 0,
+      chapters: [
+        {
+          name: "Cell Structure",
+          isExpanded: true,
+          topics: [
+            { name: "Cell Wall", status: "Not Started", accuracy: 0, questionsAttempted: 0 },
+            { name: "Nucleus", status: "Not Started", accuracy: 0, questionsAttempted: 0 },
+          ]
+        }
+      ]
+    };
+
+    const base = isDemo ? [...DEMO_SUBJECTS] : [...ZERO_SUBJECTS];
+    base.push(isDemo ? (isNeet ? bioDemoSubject : mathDemoSubject) : (isNeet ? bioZeroSubject : mathZeroSubject));
+    
+    setSubjects(base);
  }, [isDemo, user?.target_exam]);

  const toggleChapter = (subjectIndex: number, chapterIndex: number) => {
--- a/src/components/AI/ProgressShare.tsx
+++ b/src/components/AI/ProgressShare.tsx
@@ -14,9 +14,9 @@ export function ProgressShare() {
  const streak = "12"
  const accuracy = "85"
  const name = user?.name || "Student"
-  
-  // Use a fallback image if API endpoint is not yet ready, else use real endpoint
-  const imageUrl = `/api/og/progress?streak=${streak}&accuracy=${accuracy}&name=${encodeURIComponent(name)}`
+  const target = user?.target_exam === "NEET" ? "NEET" : "JEE"
+  const plan = user?.tier === "Al_Coach" ? "AI Coach" : user?.tier || "Free"
+  const imageUrl = `/api/og/progress?streak=${streak}&accuracy=${accuracy}&name=${encodeURIComponent(name)}&target=${target}&plan=${encodeURIComponent(plan)}`

  const handleDownload = async () => {
    try {