Merge branch 'main' into optimize-roadmap-seo

Author: Sachinchaurasiya360

CONTRIBUTING.md

@@ -122,6 +122,17 @@ npm run seed:admin
 ```
 
 > The unified seed script lives at `server/src/database/seeds/seed.ts`. It is idempotent, you can run it multiple times without creating duplicates. Default login for all seeded users is `Test@1234`.
+>
+> Seeded accounts:
+> | Email | Role |
+> |---|---|
+> | `admin@internhack.xyz` | Admin |
+> | `recruiter@internhack.xyz` | Recruiter |
+> | `aarav@example.com` | Student |
+> | `priya@example.com` | Student |
+> | `rohan@example.com` | Student |
+> | `sneha@example.com` | Student |
+> | `arjun@example.com` | Student |
 
 ### Step 6: Start the dev servers
 

client/package-lock.json

@@ -1,3 +1,4 @@
+
 import { Link } from "react-router";
 import { motion } from "framer-motion";
 import { Briefcase, MapPin, Building2, ArrowUpRight, Clock, Search, ExternalLink, X } from "lucide-react";
@@ -8,7 +9,7 @@ import { queryKeys } from "../../../lib/query-keys";
 import type { Application } from "../../../lib/types";
 import { LoadingScreen } from "../../../components/LoadingScreen";
 import { SEO } from "../../../components/SEO";
-
+import toast from "@/components/ui/toast";
 interface ExternalApplication {
   id: number;
   studentId: number;
@@ -214,13 +215,53 @@ const ExternalApplicationCard = React.memo(function ExternalApplicationCard({
 });
 
 const PAGE_SIZE = 10;
+function WithdrawModal({
+  open,
+  onCancel,
+  onConfirm,
+}: {
+  open: boolean;
+  onCancel: () => void;
+  onConfirm: () => void;
+}) {
+  if (!open) return null;
+  return (
+    <div className="fixed inset-0 z-50 flex items-center justify-center bg-black/50">
+      <div className="bg-white dark:bg-stone-900 border border-stone-200 dark:border-white/10 rounded-md p-6 max-w-sm w-full mx-4 space-y-4">
+        <h3 className="text-base font-bold text-stone-900 dark:text-stone-50">
+          Withdraw Application?
+        </h3>
+        <p className="text-sm text-stone-500">
+          Are you sure you want to withdraw this application? This action cannot be undone.
+        </p>
+        <div className="flex gap-3">
+          <button
+            onClick={onCancel}
+            className="flex-1 px-4 py-2 rounded-md text-xs font-mono uppercase tracking-widest text-stone-600 dark:text-stone-400 border border-stone-200 dark:border-white/10 hover:border-stone-400 transition-colors bg-transparent cursor-pointer"
+          >
+            Cancel
+          </button>
+          <button
+            onClick={onConfirm}
+            className="flex-1 px-4 py-2 rounded-md text-xs font-mono uppercase tracking-widest text-white bg-red-500 hover:bg-red-600 transition-colors cursor-pointer border-0"
+          >
+            Withdraw
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}
+
+
 
 export default function MyApplicationsPage() {
   const queryClient = useQueryClient();
   const [search, setSearch] = useState("");
   const [debouncedSearch, setDebouncedSearch] = useState("");
-  const [page, setPage] = useState(1);
-
+   const [page, setPage] = useState(1);
+  const [withdrawId, setWithdrawId] = useState<number | null>(null);
+  const [showWithdrawModal, setShowWithdrawModal] = useState(false);
   useEffect(() => {
     const t = setTimeout(() => setDebouncedSearch(search), 200);
     return () => clearTimeout(t);
@@ -263,26 +304,50 @@ export default function MyApplicationsPage() {
 
   const handleWithdraw = useCallback(
     async (id: number) => {
-      if (!confirm("Are you sure you want to withdraw this application?")) return;
-      try {
-        await api.delete(`/student/applications/${id}`);
-        queryClient.setQueryData<Application[]>(queryKeys.applications.mine(), (old) =>
-          (old ?? []).map((a) => (a.id === id ? { ...a, status: "WITHDRAWN" as const } : a))
-        );
-      } catch {
-        alert("Failed to withdraw");
-      }
+      setWithdrawId(id);
+      setShowWithdrawModal(true);
     },
-    [queryClient]
+    []
   );
 
+  const confirmWithdraw = useCallback(async () => {
+  if (!withdrawId) return;
+  const idToWithdraw = withdrawId;
+  setShowWithdrawModal(false);
+  setWithdrawId(null);
+  try {
+    await api.delete(`/student/applications/${idToWithdraw}`);
+    queryClient.setQueryData<{
+      applications: Application[];
+      externalApplications: ExternalApplication[];
+    }>(queryKeys.applications.mine(), (old) => {
+      if (!old) return old;
+      return {
+        ...old,
+        applications: old.applications.map((a) =>
+          a.id === idToWithdraw ? { ...a, status: "WITHDRAWN" as const } : a
+        ),
+      };
+    });
+    toast.success("Application withdrawn successfully");
+  } catch {
+    toast.error("Failed to withdraw application");
+  }
+}, [withdrawId, queryClient]);
   if (isLoading) return <LoadingScreen />;
 
+ 
+
   const hasSearch = search.trim().length > 0;
 
   return (
     <div className="relative pb-16">
       <SEO title="My Applications" noIndex />
+      <WithdrawModal
+        open={showWithdrawModal}
+        onCancel={() => setShowWithdrawModal(false)}
+        onConfirm={confirmWithdraw}
+      />
 
       {/* Header */}
       <motion.div

client/src/module/student/applications/MyApplicationsPage.tsx

@@ -374,7 +374,17 @@ export default function AtsScorePage() {
             resume / ats score
           </div>
           <h1 className="mt-4 text-4xl sm:text-5xl font-bold tracking-tight text-stone-900 dark:text-stone-50 leading-none">
-            Score your resume.
+            Score your{" "}
+            <span className="relative inline-block">
+              <span className="relative z-10">resume.</span>
+              <motion.span
+                initial={{ scaleX: 0 }}
+                animate={{ scaleX: 1 }}
+                transition={{ duration: 0.7, delay: 0.4, ease: "easeOut" }}
+                aria-hidden
+                className="absolute bottom-1 left-0 right-0 h-3 md:h-4 bg-lime-400 origin-left z-0"
+              />
+            </span>
           </h1>
           <p className="mt-3 text-sm text-stone-500 max-w-md">
             Upload a PDF, add a target role, and get an ATS score with keyword gaps and concrete rewrite suggestions.

client/src/module/student/ats/AtsScorePage.tsx

@@ -182,7 +182,7 @@ export default function JobAgentPage() {
       <SEO title="InternHack AI" noIndex />
 
       {/* Editorial header */}
-      <div className="shrink-0 border-b border-stone-200 dark:border-white/10 px-4 sm:px-8 pt-6 pb-4 bg-stone-50 dark:bg-stone-950">
+      <div className="shrink-0 px-4 sm:px-8 pt-6 pb-4 bg-stone-50 dark:bg-stone-950">
         <div className="max-w-4xl mx-auto">
           <div className="flex items-center gap-2 mb-2">
             <div className="h-1 w-1 bg-lime-400"></div>