fix job application

apps/student/app/(main)/actions.ts

@@ -1,8 +1,8 @@
-'use server'
+'use server';
-import { signOut } from "@/auth";
+import { signOut } from '@/auth';
-import { db, applications, jobs, students, resumes } from "@workspace/db";
+import { db, applications, jobs, students, resumes } from '@workspace/db';
-import { eq, and } from "@workspace/db/drizzle";
+import { eq, and } from '@workspace/db/drizzle';
-import { revalidatePath } from "next/cache";
+import { revalidatePath } from 'next/cache';
 
 export async function signOutAction() {
   await signOut();
@@ -12,14 +12,11 @@ export async function applyForJob(jobId: number, studentId: number, resumeId: nu
   try {
     // Check if student has already applied for this job
     const existingApplication = await db.query.applications.findFirst({
-            where: and(
+      where: and(eq(applications.jobId, jobId), eq(applications.studentId, studentId)),
-                eq(applications.jobId, jobId),
-                eq(applications.studentId, studentId)
-            )
     });
 
     if (existingApplication) {
-            return { success: false, error: "You have already applied for this job" };
+      return { success: false, error: 'You have already applied for this job' };
     }
 
     // Create new application
@@ -27,14 +24,14 @@ export async function applyForJob(jobId: number, studentId: number, resumeId: nu
       jobId,
       studentId,
       resumeId,
-            status: 'pending'
+      status: 'pending',
     });
 
     revalidatePath('/applications');
     return { success: true };
   } catch (error) {
-        console.error("Error applying for job:", error);
+    console.error('Error applying for job:', error);
-        return { success: false, error: "Failed to apply for job" };
+    return { success: false, error: 'Failed to apply for job' };
   }
 }
 
@@ -45,17 +42,17 @@ export async function getStudentApplications(studentId: number) {
       with: {
         job: {
           with: {
-                        company: true
+            company: true,
-                    }
+          },
+        },
+        resume: true,
       },
-                resume: true
-            }
     });
 
     return { success: true, applications: studentApplications };
   } catch (error) {
-        console.error("Error fetching student applications:", error);
+    console.error('Error fetching student applications:', error);
-        return { success: false, error: "Failed to fetch applications" };
+    return { success: false, error: 'Failed to fetch applications' };
   }
 }
 
@@ -66,31 +63,32 @@ export async function getStudentProfile(studentId: number) {
       with: {
         grades: true,
         resumes: true,
-                internships: true
+        internships: true,
-            }
+      },
     });
 
     return { success: true, student };
   } catch (error) {
-        console.error("Error fetching student profile:", error);
+    console.error('Error fetching student profile:', error);
-        return { success: false, error: "Failed to fetch student profile" };
+    return { success: false, error: 'Failed to fetch student profile' };
   }
 }
 
 export async function updateStudentProfile(studentId: number, data: any) {
   try {
-        await db.update(students)
+    await db
+      .update(students)
       .set({
         ...data,
-                updatedAt: new Date()
+        updatedAt: new Date(),
       })
       .where(eq(students.id, studentId));
 
     revalidatePath('/profile');
     return { success: true };
   } catch (error) {
-        console.error("Error updating student profile:", error);
+    console.error('Error updating student profile:', error);
-        return { success: false, error: "Failed to update profile" };
+    return { success: false, error: 'Failed to update profile' };
   }
 }
 
@@ -99,14 +97,14 @@ export async function getAvailableJobs() {
     const availableJobs = await db.query.jobs.findMany({
       where: eq(jobs.active, true),
       with: {
-                company: true
+        company: true,
-            }
+      },
     });
 
     return { success: true, jobs: availableJobs };
   } catch (error) {
-        console.error("Error fetching available jobs:", error);
+    console.error('Error fetching available jobs:', error);
-        return { success: false, error: "Failed to fetch jobs" };
+    return { success: false, error: 'Failed to fetch jobs' };
   }
 }
 
@@ -115,20 +113,30 @@ export async function getFeaturedCompanies() {
     const companies = await db.query.companies.findMany({
       with: {
         jobs: {
-                    where: eq(jobs.active, true)
+          where: eq(jobs.active, true),
-                }
+        },
-            }
+      },
     });
 
     // Filter companies with active jobs and sort by number of jobs
     const companiesWithJobs = companies
-            .filter(company => company.jobs.length > 0)
+      .filter((company) => company.jobs.length > 0)
       .sort((a, b) => b.jobs.length - a.jobs.length)
       .slice(0, 6); // Top 6 companies
 
     return { success: true, companies: companiesWithJobs };
   } catch (error) {
-        console.error("Error fetching featured companies:", error);
+    console.error('Error fetching featured companies:', error);
-        return { success: false, error: "Failed to fetch companies" };
+    return { success: false, error: 'Failed to fetch companies' };
+  }
+}
+
+export async function getResumes(studentId: number) {
+  try {
+    const r = await db.select().from(resumes).where(eq(resumes.studentId, studentId));
+    return { success: true, resumes: r };
+  } catch (error) {
+    console.error('Error fetching resumes for studentId:', studentId, '\n', error);
+    return { success: false, error: 'Failed to fetch resumes' };
   }
 }

apps/student/app/(main)/jobs/JobClient.tsx

@@ -0,0 +1,353 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { Card, CardContent, CardHeader, CardTitle } from '@workspace/ui/components/card';
+import { Button } from '@workspace/ui/components/button';
+import { Badge } from '@workspace/ui/components/badge';
+import { Input } from '@workspace/ui/components/input';
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue,
+} from '@workspace/ui/components/select';
+import {
+  Building2,
+  MapPin,
+  DollarSign,
+  Calendar,
+  Clock,
+  Search,
+  Filter,
+  Bookmark,
+  Share2,
+  Eye,
+  ArrowRight,
+  Briefcase,
+  Users,
+  Star,
+  CheckCircle,
+  ExternalLink,
+  Loader2,
+  AlertCircle,
+} from 'lucide-react';
+import JobApplicationModal from '@/components/job-application-modal';
+import { type InferSelectModel } from '@workspace/db/drizzle';
+import { jobs, companies, resumes } from '@workspace/db/schema';
+
+export type Job = InferSelectModel<typeof jobs> & {
+  company: typeof companies.$inferSelect;
+};
+
+export type Resume = typeof resumes.$inferSelect;
+
+export default function JobsPage({
+  jobs,
+  resumes,
+  studentId,
+}: {
+  jobs: Job[];
+  resumes: Resume[];
+  studentId: number;
+}) {
+  const [filteredJobs, setFilteredJobs] = useState<Job[]>([]);
+  const [searchTerm, setSearchTerm] = useState('');
+  const [locationFilter, setLocationFilter] = useState('all');
+  const [jobTypeFilter, setJobTypeFilter] = useState('all');
+  const [showLoadMore, setShowLoadMore] = useState(false);
+
+  useEffect(() => {
+    filterJobs();
+  }, [jobs, searchTerm, locationFilter, jobTypeFilter]);
+
+  const filterJobs = () => {
+    let filtered = [...jobs];
+
+    // Search filter
+    if (searchTerm) {
+      filtered = filtered.filter(
+        (job) =>
+          job.title.toLowerCase().includes(searchTerm.toLowerCase()) ||
+          job.company.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
+          job.description.toLowerCase().includes(searchTerm.toLowerCase()),
+      );
+    }
+
+    // Location filter
+    if (locationFilter && locationFilter !== 'all') {
+      filtered = filtered.filter((job) =>
+        job.location.toLowerCase().includes(locationFilter.toLowerCase()),
+      );
+    }
+
+    // Job type filter (simplified - could be enhanced with job type field)
+    if (jobTypeFilter && jobTypeFilter !== 'all') {
+      filtered = filtered.filter((job) =>
+        job.title.toLowerCase().includes(jobTypeFilter.toLowerCase()),
+      );
+    }
+
+    setFilteredJobs(filtered);
+    setShowLoadMore(filtered.length > 6);
+  };
+
+  const handleSearch = (value: string) => {
+    setSearchTerm(value);
+  };
+
+  const handleLocationFilter = (value: string) => {
+    setLocationFilter(value);
+  };
+
+  const handleJobTypeFilter = (value: string) => {
+    setJobTypeFilter(value);
+  };
+
+  const clearFilters = () => {
+    setSearchTerm('');
+    setLocationFilter('all');
+    setJobTypeFilter('all');
+  };
+
+  const displayedJobs = filteredJobs.slice(0, showLoadMore ? 6 : filteredJobs.length);
+
+  return (
+    <div className="min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-100">
+      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
+        {/* Header */}
+        <div className="mb-8">
+          <h1 className="text-4xl font-bold text-gray-900 mb-2">Browse Jobs</h1>
+          <p className="text-xl text-gray-600">
+            Find the perfect opportunity that matches your skills and aspirations
+          </p>
+        </div>
+
+        {/* Search and Filter Section */}
+        <Card className="bg-white shadow-sm mb-8">
+          <CardContent className="p-6">
+            <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
+              <div className="md:col-span-2">
+                <div className="relative">
+                  <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
+                  <Input
+                    placeholder="Search jobs by title, company, or skills..."
+                    className="pl-10"
+                    value={searchTerm}
+                    onChange={(e) => handleSearch(e.target.value)}
+                  />
+                </div>
+              </div>
+              <div>
+                <Select value={locationFilter} onValueChange={handleLocationFilter}>
+                  <SelectTrigger>
+                    <SelectValue placeholder="Location" />
+                  </SelectTrigger>
+                  <SelectContent>
+                    <SelectItem value="all">All Locations</SelectItem>
+                    <SelectItem value="remote">Remote</SelectItem>
+                    <SelectItem value="san francisco">San Francisco</SelectItem>
+                    <SelectItem value="new york">New York</SelectItem>
+                    <SelectItem value="seattle">Seattle</SelectItem>
+                    <SelectItem value="austin">Austin</SelectItem>
+                    <SelectItem value="los angeles">Los Angeles</SelectItem>
+                  </SelectContent>
+                </Select>
+              </div>
+              <div>
+                <Select value={jobTypeFilter} onValueChange={handleJobTypeFilter}>
+                  <SelectTrigger>
+                    <SelectValue placeholder="Job Type" />
+                  </SelectTrigger>
+                  <SelectContent>
+                    <SelectItem value="all">All Types</SelectItem>
+                    <SelectItem value="intern">Internship</SelectItem>
+                    <SelectItem value="engineer">Engineering</SelectItem>
+                    <SelectItem value="analyst">Analyst</SelectItem>
+                    <SelectItem value="designer">Design</SelectItem>
+                    <SelectItem value="manager">Management</SelectItem>
+                  </SelectContent>
+                </Select>
+              </div>
+            </div>
+            {(searchTerm ||
+              (locationFilter && locationFilter !== 'all') ||
+              (jobTypeFilter && jobTypeFilter !== 'all')) && (
+              <div className="mt-4 flex items-center gap-2">
+                <Button variant="outline" size="sm" onClick={clearFilters}>
+                  Clear Filters
+                </Button>
+                <span className="text-sm text-gray-500">
+                  {filteredJobs.length} of {jobs.length} jobs
+                </span>
+              </div>
+            )}
+          </CardContent>
+        </Card>
+
+        {/* Stats */}
+        <div className="grid grid-cols-1 md:grid-cols-4 gap-6 mb-8">
+          <Card className="bg-white shadow-sm">
+            <CardContent className="p-6">
+              <div className="flex items-center justify-between">
+                <div>
+                  <p className="text-sm font-medium text-gray-600">Total Jobs</p>
+                  <p className="text-3xl font-bold text-gray-800">{jobs.length}</p>
+                </div>
+                <Briefcase className="w-8 h-8 text-blue-600" />
+              </div>
+            </CardContent>
+          </Card>
+
+          <Card className="bg-white shadow-sm">
+            <CardContent className="p-6">
+              <div className="flex items-center justify-between">
+                <div>
+                  <p className="text-sm font-medium text-gray-600">Active Companies</p>
+                  <p className="text-3xl font-bold text-gray-800">
+                    {new Set(jobs.map((job) => job.company.name)).size}
+                  </p>
+                </div>
+                <Building2 className="w-8 h-8 text-green-600" />
+              </div>
+            </CardContent>
+          </Card>
+
+          <Card className="bg-white shadow-sm">
+            <CardContent className="p-6">
+              <div className="flex items-center justify-between">
+                <div>
+                  <p className="text-sm font-medium text-gray-600">Remote Jobs</p>
+                  <p className="text-3xl font-bold text-gray-800">
+                    {jobs.filter((job) => job.location.toLowerCase().includes('remote')).length}
+                  </p>
+                </div>
+                <Users className="w-8 h-8 text-purple-600" />
+              </div>
+            </CardContent>
+          </Card>
+
+          <Card className="bg-white shadow-sm">
+            <CardContent className="p-6">
+              <div className="flex items-center justify-between">
+                <div>
+                  <p className="text-sm font-medium text-gray-600">Avg Salary</p>
+                  <p className="text-3xl font-bold text-gray-800">$28/hr</p>
+                </div>
+                <DollarSign className="w-8 h-8 text-orange-600" />
+              </div>
+            </CardContent>
+          </Card>
+        </div>
+
+        {/* Jobs Grid */}
+        <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
+          {displayedJobs.map((job) => (
+            <Card
+              key={job.id}
+              className="group hover:shadow-lg transition-all duration-300 border border-gray-200 bg-white"
+            >
+              <CardContent className="p-6">
+                <div className="flex items-start justify-between mb-4">
+                  <div className="flex items-start gap-4">
+                    <div className="w-12 h-12 bg-gradient-to-br from-blue-500 to-indigo-600 rounded-lg flex items-center justify-center">
+                      <Building2 className="w-6 h-6 text-white" />
+                    </div>
+                    <div className="flex-1">
+                      <h3 className="text-lg font-semibold text-gray-900 mb-1 group-hover:text-blue-600 transition-colors">
+                        {job.title}
+                      </h3>
+                      <p className="text-blue-600 font-medium">{job.company.name}</p>
+                      <div className="flex items-center gap-4 mt-2 text-sm text-gray-500">
+                        <span className="flex items-center gap-1">
+                          <MapPin className="w-4 h-4" />
+                          {job.location}
+                        </span>
+                        <span className="flex items-center gap-1">
+                          <DollarSign className="w-4 h-4" />
+                          {job.salary}
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                  <div className="flex items-center gap-2">
+                    <Badge className="bg-green-100 text-green-700">
+                      <CheckCircle className="w-3 h-3 mr-1" />
+                      Active
+                    </Badge>
+                    <Button variant="ghost" size="sm">
+                      <Bookmark className="w-4 h-4" />
+                    </Button>
+                  </div>
+                </div>
+
+                <p className="text-gray-600 text-sm mb-4 line-clamp-2">{job.description}</p>
+
+                <div className="grid grid-cols-2 gap-4 mb-4">
+                  <div className="flex items-center gap-2 text-sm text-gray-600">
+                    <Clock className="w-4 h-4" />
+                    <span>Deadline: {job.applicationDeadline.toLocaleDateString()}</span>
+                  </div>
+                  <div className="flex items-center gap-2 text-sm text-gray-600">
+                    <Star className="w-4 h-4" />
+                    <span>Min CGPA: {job.minCGPA}</span>
+                  </div>
+                </div>
+
+                <div className="flex items-center justify-between">
+                  <div className="flex gap-2">
+                    <JobApplicationModal
+                      job={{ ...job, minCGPA: Number(job.minCGPA) }}
+                      studentId={studentId} // Mock student ID - in real app this would come from auth
+                      resumes={resumes}
+                    />
+                    {job.link && (
+                      <Button size="sm" variant="outline">
+                        <ExternalLink className="w-4 h-4 mr-2" />
+                        View Details
+                      </Button>
+                    )}
+                  </div>
+                  <div className="flex gap-2">
+                    <Button variant="ghost" size="sm">
+                      <Eye className="w-4 h-4" />
+                    </Button>
+                    <Button variant="ghost" size="sm">
+                      <Share2 className="w-4 h-4" />
+                    </Button>
+                  </div>
+                </div>
+              </CardContent>
+            </Card>
+          ))}
+        </div>
+
+        {/* Load More */}
+        {showLoadMore && (
+          <div className="text-center mt-12">
+            <Button size="lg" variant="outline" className="px-8 py-3">
+              Load More Jobs
+              <ArrowRight className="w-5 h-5 ml-2" />
+            </Button>
+          </div>
+        )}
+
+        {/* Empty State */}
+        {filteredJobs.length === 0 && (
+          <Card className="bg-white shadow-sm">
+            <CardContent className="p-12 text-center">
+              <Briefcase className="w-16 h-16 text-gray-300 mx-auto mb-4" />
+              <h3 className="text-xl font-semibold text-gray-700 mb-2">No jobs found</h3>
+              <p className="text-gray-500 mb-6">
+                Try adjusting your search criteria or check back later for new opportunities
+              </p>
+              <Button className="bg-blue-600 hover:bg-blue-700" onClick={clearFilters}>
+                Clear Filters
+              </Button>
+            </CardContent>
+          </Card>
+        )}
+      </div>
+    </div>
+  );
+}

apps/student/app/(main)/jobs/page.tsx

@@ -1,479 +1,17 @@
-'use client';
+import JobsClient from './JobClient';
+import { auth } from '@/auth';
+import { db, resumes } from '@workspace/db';
+import { eq } from '@workspace/db/drizzle';
 
-import { useState, useEffect } from 'react';
+export default async function JobsPage() {
-import { Card, CardContent, CardHeader, CardTitle } from "@workspace/ui/components/card"
+  const session = await auth();
-import { Button } from "@workspace/ui/components/button"
+  const studentId = session?.user?.studentId!;
-import { Badge } from "@workspace/ui/components/badge"
+  const jobs = await db.query.jobs.findMany({
-import { Input } from "@workspace/ui/components/input"
+    with: {
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@workspace/ui/components/select"
+      company: true,
-import { 
+    },
-  Building2, 
+  });
-  MapPin, 
+  let reusmes = await db.select().from(resumes).where(eq(resumes.studentId, studentId));
-  DollarSign, 
-  Calendar, 
-  Clock,
-  Search,
-  Filter,
-  Bookmark,
-  Share2,
-  Eye,
-  ArrowRight,
-  Briefcase,
-  Users,
-  Star,
-  CheckCircle,
-  ExternalLink,
-  Loader2,
-  AlertCircle
-} from "lucide-react"
-import { getAvailableJobs } from "../actions"
-import JobApplicationModal from "../../../components/job-application-modal"
 
-interface Job {
+  return <JobsClient jobs={jobs} resumes={reusmes} studentId={studentId} />;
-  id: number;
-  title: string;
-  company: {
-    name: string;
-    email: string;
-  };
-  location: string;
-  salary: string;
-  description: string;
-  applicationDeadline: Date;
-  minCGPA: number;
-  active: boolean;
-  link?: string;
-}
-
-export default function JobsPage() {
-  const [jobs, setJobs] = useState<Job[]>([]);
-  const [filteredJobs, setFilteredJobs] = useState<Job[]>([]);
-  const [isLoading, setIsLoading] = useState(true);
-  const [error, setError] = useState<string | null>(null);
-  const [searchTerm, setSearchTerm] = useState('');
-  const [locationFilter, setLocationFilter] = useState('all');
-  const [jobTypeFilter, setJobTypeFilter] = useState('all');
-  const [showLoadMore, setShowLoadMore] = useState(false);
-
-  // Mock data for demonstration
-  const mockJobs: Job[] = [
-    {
-      id: 1,
-      title: "Software Engineer Intern",
-      company: {
-        name: "TechCorp Solutions",
-        email: "careers@techcorp.com"
-      },
-      location: "San Francisco, CA",
-      salary: "$25/hour",
-      description: "Join our dynamic team and work on cutting-edge projects. We're looking for passionate developers who love to learn and grow.",
-      applicationDeadline: new Date("2024-02-15"),
-      minCGPA: 7.5,
-      active: true,
-      link: "https://techcorp.com/careers"
-    },
-    {
-      id: 2,
-      title: "Data Analyst",
-      company: {
-        name: "DataFlow Inc",
-        email: "hr@dataflow.com"
-      },
-      location: "New York, NY",
-      salary: "$30/hour",
-      description: "Analyze large datasets and provide insights to drive business decisions. Experience with Python and SQL required.",
-      applicationDeadline: new Date("2024-02-10"),
-      minCGPA: 7.0,
-      active: true,
-      link: "https://dataflow.com/jobs"
-    },
-    {
-      id: 3,
-      title: "Frontend Developer",
-      company: {
-        name: "WebSolutions",
-        email: "jobs@websolutions.com"
-      },
-      location: "Remote",
-      salary: "$28/hour",
-      description: "Build beautiful and responsive user interfaces. Strong knowledge of React, TypeScript, and modern CSS required.",
-      applicationDeadline: new Date("2024-02-05"),
-      minCGPA: 7.2,
-      active: true,
-      link: "https://websolutions.com/careers"
-    },
-    {
-      id: 4,
-      title: "Product Manager Intern",
-      company: {
-        name: "InnovateTech",
-        email: "careers@innovatetech.com"
-      },
-      location: "Seattle, WA",
-      salary: "$32/hour",
-      description: "Work closely with cross-functional teams to define product requirements and drive product development.",
-      applicationDeadline: new Date("2024-02-01"),
-      minCGPA: 7.8,
-      active: true,
-      link: "https://innovatetech.com/jobs"
-    },
-    {
-      id: 5,
-      title: "DevOps Engineer",
-      company: {
-        name: "CloudTech Systems",
-        email: "hr@cloudtech.com"
-      },
-      location: "Austin, TX",
-      salary: "$35/hour",
-      description: "Manage cloud infrastructure and deployment pipelines. Experience with AWS, Docker, and Kubernetes preferred.",
-      applicationDeadline: new Date("2024-02-20"),
-      minCGPA: 7.0,
-      active: true,
-      link: "https://cloudtech.com/careers"
-    },
-    {
-      id: 6,
-      title: "UX/UI Designer",
-      company: {
-        name: "DesignStudio",
-        email: "jobs@designstudio.com"
-      },
-      location: "Los Angeles, CA",
-      salary: "$26/hour",
-      description: "Create intuitive and beautiful user experiences. Proficiency in Figma, Adobe Creative Suite, and user research methods.",
-      applicationDeadline: new Date("2024-02-12"),
-      minCGPA: 7.5,
-      active: true,
-      link: "https://designstudio.com/jobs"
-    }
-  ];
-
-  useEffect(() => {
-    loadJobs();
-  }, []);
-
-  const loadJobs = async () => {
-    try {
-      const result = await getAvailableJobs();
-      if (result.success && result.jobs) {
-        setJobs(result.jobs as any);
-        setFilteredJobs(result.jobs as any);
-      } else {
-        setJobs(mockJobs);
-        setFilteredJobs(mockJobs);
-        setError(result.error || 'Using demo data');
-      }
-    } catch (err) {
-      setJobs(mockJobs);
-      setFilteredJobs(mockJobs);
-      setError('Failed to load jobs, using demo data');
-    } finally {
-      setIsLoading(false);
-    }
-  };
-
-  useEffect(() => {
-    filterJobs();
-  }, [jobs, searchTerm, locationFilter, jobTypeFilter]);
-
-  const filterJobs = () => {
-    let filtered = [...jobs];
-
-    // Search filter
-    if (searchTerm) {
-      filtered = filtered.filter(job => 
-        job.title.toLowerCase().includes(searchTerm.toLowerCase()) ||
-        job.company.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
-        job.description.toLowerCase().includes(searchTerm.toLowerCase())
-      );
-    }
-
-    // Location filter
-    if (locationFilter && locationFilter !== 'all') {
-      filtered = filtered.filter(job => 
-        job.location.toLowerCase().includes(locationFilter.toLowerCase())
-      );
-    }
-
-    // Job type filter (simplified - could be enhanced with job type field)
-    if (jobTypeFilter && jobTypeFilter !== 'all') {
-      filtered = filtered.filter(job => 
-        job.title.toLowerCase().includes(jobTypeFilter.toLowerCase())
-      );
-    }
-
-    setFilteredJobs(filtered);
-    setShowLoadMore(filtered.length > 6);
-  };
-
-  const handleSearch = (value: string) => {
-    setSearchTerm(value);
-  };
-
-  const handleLocationFilter = (value: string) => {
-    setLocationFilter(value);
-  };
-
-  const handleJobTypeFilter = (value: string) => {
-    setJobTypeFilter(value);
-  };
-
-  const clearFilters = () => {
-    setSearchTerm('');
-    setLocationFilter('all');
-    setJobTypeFilter('all');
-  };
-
-  const displayedJobs = filteredJobs.slice(0, showLoadMore ? 6 : filteredJobs.length);
-
-  if (isLoading) {
-    return (
-      <div className="min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-100 flex items-center justify-center">
-        <div className="text-center">
-          <Loader2 className="w-12 h-12 animate-spin text-blue-600 mx-auto mb-4" />
-          <p className="text-gray-600">Loading jobs...</p>
-        </div>
-      </div>
-    );
-  }
-
-  return (
-    <div className="min-h-screen bg-gradient-to-br from-slate-50 via-blue-50 to-indigo-100">
-      <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
-        {/* Header */}
-        <div className="mb-8">
-          <h1 className="text-4xl font-bold text-gray-900 mb-2">Browse Jobs</h1>
-          <p className="text-xl text-gray-600">Find the perfect opportunity that matches your skills and aspirations</p>
-          {error && (
-            <div className="mt-4 p-3 bg-yellow-100 text-yellow-700 rounded-lg">
-              <AlertCircle className="w-4 h-4 inline mr-2" />
-              {error}
-            </div>
-          )}
-        </div>
-
-        {/* Search and Filter Section */}
-        <Card className="bg-white shadow-sm mb-8">
-          <CardContent className="p-6">
-            <div className="grid grid-cols-1 md:grid-cols-4 gap-4">
-              <div className="md:col-span-2">
-                <div className="relative">
-                  <Search className="absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" />
-                  <Input 
-                    placeholder="Search jobs by title, company, or skills..." 
-                    className="pl-10"
-                    value={searchTerm}
-                    onChange={(e) => handleSearch(e.target.value)}
-                  />
-                </div>
-              </div>
-              <div>
-                <Select value={locationFilter} onValueChange={handleLocationFilter}>
-                  <SelectTrigger>
-                    <SelectValue placeholder="Location" />
-                  </SelectTrigger>
-                  <SelectContent>
-                    <SelectItem value="all">All Locations</SelectItem>
-                    <SelectItem value="remote">Remote</SelectItem>
-                    <SelectItem value="san francisco">San Francisco</SelectItem>
-                    <SelectItem value="new york">New York</SelectItem>
-                    <SelectItem value="seattle">Seattle</SelectItem>
-                    <SelectItem value="austin">Austin</SelectItem>
-                    <SelectItem value="los angeles">Los Angeles</SelectItem>
-                  </SelectContent>
-                </Select>
-              </div>
-              <div>
-                <Select value={jobTypeFilter} onValueChange={handleJobTypeFilter}>
-                  <SelectTrigger>
-                    <SelectValue placeholder="Job Type" />
-                  </SelectTrigger>
-                  <SelectContent>
-                    <SelectItem value="all">All Types</SelectItem>
-                    <SelectItem value="intern">Internship</SelectItem>
-                    <SelectItem value="engineer">Engineering</SelectItem>
-                    <SelectItem value="analyst">Analyst</SelectItem>
-                    <SelectItem value="designer">Design</SelectItem>
-                    <SelectItem value="manager">Management</SelectItem>
-                  </SelectContent>
-                </Select>
-              </div>
-            </div>
-            {(searchTerm || (locationFilter && locationFilter !== 'all') || (jobTypeFilter && jobTypeFilter !== 'all')) && (
-              <div className="mt-4 flex items-center gap-2">
-                <Button variant="outline" size="sm" onClick={clearFilters}>
-                  Clear Filters
-                </Button>
-                <span className="text-sm text-gray-500">
-                  {filteredJobs.length} of {jobs.length} jobs
-                </span>
-              </div>
-            )}
-          </CardContent>
-        </Card>
-
-        {/* Stats */}
-        <div className="grid grid-cols-1 md:grid-cols-4 gap-6 mb-8">
-          <Card className="bg-white shadow-sm">
-            <CardContent className="p-6">
-              <div className="flex items-center justify-between">
-                <div>
-                  <p className="text-sm font-medium text-gray-600">Total Jobs</p>
-                  <p className="text-3xl font-bold text-gray-800">{jobs.length}</p>
-                </div>
-                <Briefcase className="w-8 h-8 text-blue-600" />
-              </div>
-            </CardContent>
-          </Card>
-
-          <Card className="bg-white shadow-sm">
-            <CardContent className="p-6">
-              <div className="flex items-center justify-between">
-                <div>
-                  <p className="text-sm font-medium text-gray-600">Active Companies</p>
-                  <p className="text-3xl font-bold text-gray-800">
-                    {new Set(jobs.map(job => job.company.name)).size}
-                  </p>
-                </div>
-                <Building2 className="w-8 h-8 text-green-600" />
-              </div>
-            </CardContent>
-          </Card>
-
-          <Card className="bg-white shadow-sm">
-            <CardContent className="p-6">
-              <div className="flex items-center justify-between">
-                <div>
-                  <p className="text-sm font-medium text-gray-600">Remote Jobs</p>
-                  <p className="text-3xl font-bold text-gray-800">
-                    {jobs.filter(job => job.location.toLowerCase().includes('remote')).length}
-                  </p>
-                </div>
-                <Users className="w-8 h-8 text-purple-600" />
-              </div>
-            </CardContent>
-          </Card>
-
-          <Card className="bg-white shadow-sm">
-            <CardContent className="p-6">
-              <div className="flex items-center justify-between">
-                <div>
-                  <p className="text-sm font-medium text-gray-600">Avg Salary</p>
-                  <p className="text-3xl font-bold text-gray-800">$28/hr</p>
-                </div>
-                <DollarSign className="w-8 h-8 text-orange-600" />
-              </div>
-            </CardContent>
-          </Card>
-        </div>
-
-        {/* Jobs Grid */}
-        <div className="grid grid-cols-1 lg:grid-cols-2 gap-6">
-          {displayedJobs.map((job) => (
-            <Card key={job.id} className="group hover:shadow-lg transition-all duration-300 border border-gray-200 bg-white">
-              <CardContent className="p-6">
-                <div className="flex items-start justify-between mb-4">
-                  <div className="flex items-start gap-4">
-                    <div className="w-12 h-12 bg-gradient-to-br from-blue-500 to-indigo-600 rounded-lg flex items-center justify-center">
-                      <Building2 className="w-6 h-6 text-white" />
-                    </div>
-                    <div className="flex-1">
-                      <h3 className="text-lg font-semibold text-gray-900 mb-1 group-hover:text-blue-600 transition-colors">
-                        {job.title}
-                      </h3>
-                      <p className="text-blue-600 font-medium">{job.company.name}</p>
-                      <div className="flex items-center gap-4 mt-2 text-sm text-gray-500">
-                        <span className="flex items-center gap-1">
-                          <MapPin className="w-4 h-4" />
-                          {job.location}
-                        </span>
-                        <span className="flex items-center gap-1">
-                          <DollarSign className="w-4 h-4" />
-                          {job.salary}
-                        </span>
-                      </div>
-                    </div>
-                  </div>
-                  <div className="flex items-center gap-2">
-                    <Badge className="bg-green-100 text-green-700">
-                      <CheckCircle className="w-3 h-3 mr-1" />
-                      Active
-                    </Badge>
-                    <Button variant="ghost" size="sm">
-                      <Bookmark className="w-4 h-4" />
-                    </Button>
-                  </div>
-                </div>
-
-                <p className="text-gray-600 text-sm mb-4 line-clamp-2">{job.description}</p>
-
-                <div className="grid grid-cols-2 gap-4 mb-4">
-                  <div className="flex items-center gap-2 text-sm text-gray-600">
-                    <Clock className="w-4 h-4" />
-                    <span>Deadline: {job.applicationDeadline.toLocaleDateString()}</span>
-                  </div>
-                  <div className="flex items-center gap-2 text-sm text-gray-600">
-                    <Star className="w-4 h-4" />
-                    <span>Min CGPA: {job.minCGPA}</span>
-                  </div>
-                </div>
-
-                <div className="flex items-center justify-between">
-                  <div className="flex gap-2">
-                    <JobApplicationModal 
-                      job={job}
-                      studentId={1} // Mock student ID - in real app this would come from auth
-                      resumes={[
-                        { id: 1, title: "Resume_v2.pdf", link: "/resumes/resume_v2.pdf" },
-                        { id: 2, title: "Resume_Updated.pdf", link: "/resumes/resume_updated.pdf" }
-                      ]}
-                    />
-                    {job.link && (
-                      <Button size="sm" variant="outline">
-                        <ExternalLink className="w-4 h-4 mr-2" />
-                        View Details
-                      </Button>
-                    )}
-                  </div>
-                  <div className="flex gap-2">
-                    <Button variant="ghost" size="sm">
-                      <Eye className="w-4 h-4" />
-                    </Button>
-                    <Button variant="ghost" size="sm">
-                      <Share2 className="w-4 h-4" />
-                    </Button>
-                  </div>
-                </div>
-              </CardContent>
-            </Card>
-          ))}
-        </div>
-
-        {/* Load More */}
-        {showLoadMore && (
-          <div className="text-center mt-12">
-            <Button size="lg" variant="outline" className="px-8 py-3">
-              Load More Jobs
-              <ArrowRight className="w-5 h-5 ml-2" />
-            </Button>
-          </div>
-        )}
-
-        {/* Empty State */}
-        {filteredJobs.length === 0 && (
-          <Card className="bg-white shadow-sm">
-            <CardContent className="p-12 text-center">
-              <Briefcase className="w-16 h-16 text-gray-300 mx-auto mb-4" />
-              <h3 className="text-xl font-semibold text-gray-700 mb-2">No jobs found</h3>
-              <p className="text-gray-500 mb-6">Try adjusting your search criteria or check back later for new opportunities</p>
-              <Button className="bg-blue-600 hover:bg-blue-700" onClick={clearFilters}>
-                Clear Filters
-              </Button>
-            </CardContent>
-          </Card>
-        )}
-      </div>
-    </div>
-  )
 }

apps/student/app/signup/action.ts

@@ -27,10 +27,9 @@ export async function signupAction(data: StudentSignup) {
 
     const student = parsedData.data;
 
-    // Use a transaction to ensure all operations succeed or fail together
+    // Sequential DB operations (no transaction)
-    await db.transaction(async (tx) => {
     // Update student table
-      await tx
+    await db
       .update(students)
       .set({
         rollNumber: student.rollNumber,
@@ -56,12 +55,12 @@ export async function signupAction(data: StudentSignup) {
       .where(eq(students.id, studentId));
 
     // Clear existing grades for this student
-      await tx.delete(grades).where(eq(grades.studentId, studentId));
+    await db.delete(grades).where(eq(grades.studentId, studentId));
 
     // Insert grades (sgpi)
     if (Array.isArray(student.sgpi)) {
       for (const grade of student.sgpi) {
-          await tx.insert(grades).values({
+        await db.insert(grades).values({
           studentId: studentId,
           sem: grade.sem,
           sgpi: String(grade.sgpi),
@@ -72,12 +71,12 @@ export async function signupAction(data: StudentSignup) {
     }
 
     // Clear existing internships for this student
-      await tx.delete(internshipsTable).where(eq(internshipsTable.studentId, studentId));
+    await db.delete(internshipsTable).where(eq(internshipsTable.studentId, studentId));
 
     // Insert internships
     if (Array.isArray(student.internships)) {
       for (const internship of student.internships) {
-          await tx.insert(internshipsTable).values({
+        await db.insert(internshipsTable).values({
           studentId,
           title: internship.title,
           company: internship.company,
@@ -90,19 +89,18 @@ export async function signupAction(data: StudentSignup) {
     }
 
     // Clear existing resumes for this student
-      await tx.delete(resumesTable).where(eq(resumesTable.studentId, studentId));
+    await db.delete(resumesTable).where(eq(resumesTable.studentId, studentId));
 
     // Insert resumes
     if (Array.isArray(student.resume)) {
       for (const resume of student.resume) {
-          await tx.insert(resumesTable).values({
+        await db.insert(resumesTable).values({
           studentId,
           title: resume.title,
           link: resume.link,
         });
       }
     }
-    });
 
     return { success: true };
   } catch (error) {