From ede133ddb7bdb23203f6de1331e8a6e1ab4e5a81 Mon Sep 17 00:00:00 2001
From: snehal <snehaltanpure77@gmail.com>
Date: Sat, 30 May 2026 23:25:29 +0530
Subject: [PATCH 1/3] 
 client/src/module/student/opensource/OpenSourceAnalyticsPage.tsx

---
 .../opensource/OpenSourceAnalyticsPage.tsx    | 23 +++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/client/src/module/student/opensource/OpenSourceAnalyticsPage.tsx b/client/src/module/student/opensource/OpenSourceAnalyticsPage.tsx
index 1cd350402..a50dfb309 100644
--- a/client/src/module/student/opensource/OpenSourceAnalyticsPage.tsx
+++ b/client/src/module/student/opensource/OpenSourceAnalyticsPage.tsx
@@ -387,6 +387,29 @@ export default function OpenSourceAnalyticsPage() {
     );
   }
 
+  // Empty state: student has zero contributions
+  if (!trendIsLoading && !trendIsError && contributionTotal === 0) {
+    return (
+      <div className="min-h-screen bg-gray-50 flex flex-col items-center justify-center px-4 text-center">
+        <div className="bg-indigo-50 rounded-full p-6 mb-5">
+          <BarChart3 className="w-12 h-12 text-indigo-400" />
+        </div>
+        <h2 className="text-2xl font-bold text-gray-900 mb-3">
+          No contributions tracked yet
+        </h2>
+        <p className="text-gray-500 max-w-md mb-8">
+          Submit a repo suggestion and get it approved to start tracking
+          your open source journey.
+        </p>
+        <Link
+          to="/student/opensource"
+          className="bg-indigo-600 text-white px-6 py-3 rounded-xl font-medium hover:bg-indigo-700 transition-colors"
+        >
+          Discover Repositories →
+        </Link>
+      </div>
+    );
+  }
   return (
     <div className="min-h-screen bg-gray-50 pb-16">
       {/* Header */}

From 615f096661d97e129a25276d01f9d213802a36a0 Mon Sep 17 00:00:00 2001
From: snehal <snehaltanpure77@gmail.com>
Date: Sun, 31 May 2026 18:20:22 +0530
Subject: [PATCH 2/3] feat/683-congratulations-state

---
 .../student/opensource/FirstPRRoadmapPage.tsx | 23 +++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/client/src/module/student/opensource/FirstPRRoadmapPage.tsx b/client/src/module/student/opensource/FirstPRRoadmapPage.tsx
index 08dab5dbc..ff21b1f81 100644
--- a/client/src/module/student/opensource/FirstPRRoadmapPage.tsx
+++ b/client/src/module/student/opensource/FirstPRRoadmapPage.tsx
@@ -123,8 +123,27 @@ export default function FirstPRRoadmapPage() {
           >
             <Trophy className="w-8 h-8 text-green-500 shrink-0" />
             <div>
-              <p className="text-base font-bold text-green-900 dark:text-green-300">You're an open source contributor!</p>
-              <p className="text-sm text-green-700 dark:text-green-400 mt-0.5">You've completed all {totalSteps} steps. Time to find your next issue!</p>
+              <p className="text-base font-bold text-green-900 dark:text-green-300">You shipped your first PR!</p>
+              <p className="text-sm text-green-700 dark:text-green-400 mt-0.5">10 / 10 steps complete. Your open source journey has begun.</p>
+            <div className="flex gap-4 mt-3 flex-wrap items-center">
+                <Link
+                  to="/student/opensource"
+                  className="text-sm text-lime-700 dark:text-lime-400 underline font-medium"
+                >
+                  Discover repos to contribute to
+                </Link>
+                <button
+                  onClick={() => {
+                    if (window.confirm("Reset all steps?")) {
+                      setCompleted(new Set());
+                      try { localStorage.removeItem(STORAGE_KEY); } catch { /**/ }
+                    }
+                  }}
+                  className="text-sm text-lime-700 dark:text-lime-400 border border-lime-400 px-3 py-0.5 rounded-lg font-medium"
+                >
+                  Start over
+                </button>
+              </div>
             </div>
           </motion.div>
         )}

From 4801e9c5abf9b2b962047789848f300bd6cde77d Mon Sep 17 00:00:00 2001
From: snehal <snehaltanpure77@gmail.com>
Date: Fri, 5 Jun 2026 11:30:38 +0530
Subject: [PATCH 3/3] fix: include external applications in IN_PROGRESS filter
 (#44)

---
 .../student/applications/MyApplicationsPage.tsx   | 15 ++++++++++++---
 .../student/opensource/FirstPRRoadmapPage.tsx     |  4 ++--
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/client/src/module/student/applications/MyApplicationsPage.tsx b/client/src/module/student/applications/MyApplicationsPage.tsx
index 1ae4a49e1..2ba1fab28 100644
--- a/client/src/module/student/applications/MyApplicationsPage.tsx
+++ b/client/src/module/student/applications/MyApplicationsPage.tsx
@@ -234,6 +234,13 @@ const STATUS_ORDER: Record<string, number> = {
   REJECTED: 4,
   WITHDRAWN: 5,
 };
+const EXTERNAL_STATUS = "APPLIED";
+const EXTERNAL_VISIBLE_FILTERS = ["ALL", "APPLIED", "IN_PROGRESS"] as const;
+type ExternalVisibleFilter = (typeof EXTERNAL_VISIBLE_FILTERS)[number];
+
+function isExternalVisibleFilter(filter: string): filter is ExternalVisibleFilter {
+  return (EXTERNAL_VISIBLE_FILTERS as readonly string[]).includes(filter);
+}
 
 function sortApplications(
   apps: Application[],
@@ -259,6 +266,7 @@ export default function MyApplicationsPage() {
   const [page, setPage] = useState(1);
   const [pendingDelete, setPendingDelete] = useState<PendingDelete | null>(null);
   const [sortOption, setSortOption] = useState<"newest" | "oldest" | "company" | "status">("newest");
+  const [activeFilter, setActiveFilter] = useState("ALL");
 
   useEffect(() => {
     const t = setTimeout(() => setDebouncedSearch(search), 200);
@@ -268,7 +276,7 @@ export default function MyApplicationsPage() {
   useEffect(() => {
     // eslint-disable-next-line react-hooks/set-state-in-effect
     setPage(1);
-  }, [debouncedSearch]);
+  }, [debouncedSearch, activeFilter]);
 
   const { data, isLoading } = useQuery({
     queryKey: queryKeys.applications.mine(),
@@ -288,9 +296,10 @@ export default function MyApplicationsPage() {
         (a) => a.job?.title?.toLowerCase().includes(debouncedSearch.toLowerCase()) || a.job?.company?.toLowerCase().includes(debouncedSearch.toLowerCase())
       );
     return sortApplications(base, sortOption);
-  }, [applications, debouncedSearch, sortOption]);
+ }, [applications, debouncedSearch, sortOption, activeFilter]);
 
  const filteredExternal = useMemo(() => {
+  if (!isExternalVisibleFilter(activeFilter)) return [];
   const base = !debouncedSearch.trim()
     ? externalApplications
     : externalApplications.filter(
@@ -304,7 +313,7 @@ export default function MyApplicationsPage() {
     if (sortOption === "company") return (a.adminJob.company ?? "").localeCompare(b.adminJob.company ?? "");
     return 0;
   });
-}, [externalApplications, debouncedSearch, sortOption]);
+}, [externalApplications, debouncedSearch, sortOption, activeFilter]);
 
   const totalAll = applications.length + externalApplications.length;
   const totalFiltered = filtered.length + filteredExternal.length;
diff --git a/client/src/module/student/opensource/FirstPRRoadmapPage.tsx b/client/src/module/student/opensource/FirstPRRoadmapPage.tsx
index ff21b1f81..6f74cbf60 100644
--- a/client/src/module/student/opensource/FirstPRRoadmapPage.tsx
+++ b/client/src/module/student/opensource/FirstPRRoadmapPage.tsx
@@ -132,7 +132,7 @@ export default function FirstPRRoadmapPage() {
                 >
                   Discover repos to contribute to
                 </Link>
-                <button
+                <Button
                   onClick={() => {
                     if (window.confirm("Reset all steps?")) {
                       setCompleted(new Set());
@@ -142,7 +142,7 @@ export default function FirstPRRoadmapPage() {
                   className="text-sm text-lime-700 dark:text-lime-400 border border-lime-400 px-3 py-0.5 rounded-lg font-medium"
                 >
                   Start over
-                </button>
+                </Button>
               </div>
             </div>
           </motion.div>