job description file upload

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

@@ -31,6 +31,8 @@ import {
   ExternalLink,
   Loader2,
   AlertCircle,
+  FileText,
+  Download,
 } from 'lucide-react';
 import JobApplicationModal from '@/components/job-application-modal';
 import { type InferSelectModel } from '@workspace/db/drizzle';
@@ -42,6 +44,68 @@ export type Job = InferSelectModel<typeof jobs> & {
 
 export type Resume = typeof resumes.$inferSelect;
 
+const JobDescription = ({ job }: { job: Job }) => {
+  if (job.fileUrl && job.fileName) {
+    const apiFileUrl = `/api/files/job-descriptions/${job.fileName}`;
+    // Display file information
+    return (
+      <div className="mb-4">
+        <div className="flex items-center gap-3 p-3 bg-blue-50 rounded-lg border border-blue-200">
+          <FileText className="w-5 h-5 text-blue-600" />
+          <div className="flex-1">
+            <p className="text-sm font-medium text-blue-800">Job Description File</p>
+            <p className="text-xs text-blue-600">{job.fileName}</p>
+          </div>
+          <div className="flex gap-2">
+            {job.fileType === 'pdf' ? (
+              <Button
+                size="sm"
+                variant="outline"
+                className="text-blue-600 border-blue-300 hover:bg-blue-100"
+                onClick={() => window.open(apiFileUrl, '_blank')}
+              >
+                <Eye className="w-4 h-4 mr-1" />
+                View PDF
+              </Button>
+            ) : (
+              <Button
+                size="sm"
+                variant="outline"
+                className="text-blue-600 border-blue-300 hover:bg-blue-100"
+                onClick={() => window.open(apiFileUrl, '_blank')}
+              >
+                <FileText className="w-4 h-4 mr-1" />
+                View File
+              </Button>
+            )}
+            <Button
+              size="sm"
+              variant="ghost"
+              className="text-blue-600 hover:bg-blue-100"
+              onClick={() => {
+                const link = document.createElement('a');
+                link.href = apiFileUrl;
+                link.download = job.fileName!;
+                link.click();
+              }}
+            >
+              <Download className="w-4 h-4" />
+            </Button>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  // Display text description
+  if (job.description) {
+    return <p className="text-gray-600 text-sm mb-4 line-clamp-2">{job.description}</p>;
+  }
+
+  // Fallback
+  return <p className="text-gray-500 text-sm mb-4 italic">No description available</p>;
+};
+
 export default function JobsPage({
   eligibleJobs,
   ineligibleJobs,
@@ -77,7 +141,8 @@ export default function JobsPage({
         (job) =>
           job.title.toLowerCase().includes(searchTerm.toLowerCase()) ||
           job.company.name.toLowerCase().includes(searchTerm.toLowerCase()) ||
-          job.description.toLowerCase().includes(searchTerm.toLowerCase()),
+          (job.description && job.description.toLowerCase().includes(searchTerm.toLowerCase())) ||
+          (job.fileName && job.fileName.toLowerCase().includes(searchTerm.toLowerCase())),
       );
     }
 
@@ -324,7 +389,7 @@ export default function JobsPage({
                   </div>
                 </div>
 
-                <p className="text-gray-600 text-sm mb-4 line-clamp-2">{job.description}</p>
+                <JobDescription job={job} />
 
                 <div className="grid grid-cols-2 gap-4 mb-4">
                   <div className="flex items-center gap-2 text-sm text-gray-600">
@@ -341,7 +406,7 @@ export default function JobsPage({
                   <div className="flex gap-2">
                     {activeTab === 'eligible' ? (
                       <JobApplicationModal
-                        job={{ ...job, minCGPA: Number(job.minCGPA) }}
+                        job={job}
                         studentId={studentId}
                         resumes={resumes}
                         isApplied={appliedJobIds.includes(job.id)}

apps/student/app/api/files/job-descriptions/[filename]/route.ts

@@ -0,0 +1,46 @@
+import { NextRequest, NextResponse } from 'next/server';
+import { readFile } from 'fs/promises';
+import { join } from 'path';
+import { headers } from 'next/headers';
+
+export async function GET(
+  request: NextRequest,
+  { params }: { params: { filename: string } }
+) {
+  try {
+    const filename = params.filename;
+    
+    // Security check - prevent directory traversal
+    if (filename.includes('..') || filename.includes('/') || filename.includes('\\')) {
+      return NextResponse.json({ error: 'Invalid filename' }, { status: 400 });
+    }
+    
+    const filePath = join(process.cwd(), 'public', 'uploads', 'job-descriptions', filename);
+    
+    try {
+      const fileBuffer = await readFile(filePath);
+      
+      // Determine content type based on file extension
+      const ext = filename.split('.').pop()?.toLowerCase();
+      let contentType = 'application/octet-stream';
+      
+      if (ext === 'pdf') {
+        contentType = 'application/pdf';
+      } else if (ext === 'txt') {
+        contentType = 'text/plain';
+      }
+      
+      // Set appropriate headers
+      const response = new NextResponse(new Uint8Array(fileBuffer));
+      response.headers.set('Content-Type', contentType);
+      response.headers.set('Content-Disposition', `inline; filename="${filename}"`);
+      
+      return response;
+    } catch (error) {
+      return NextResponse.json({ error: 'File not found' }, { status: 404 });
+    }
+  } catch (error) {
+    console.error('Error serving file:', error);
+    return NextResponse.json({ error: 'Internal server error' }, { status: 500 });
+  }
+}

apps/student/components/job-application-modal.tsx

@@ -28,7 +28,7 @@ export type Job = InferSelectModel<typeof jobs> & {
 export type Resume = typeof resumes.$inferSelect;
 
 interface JobApplicationModalProps {
-  job: Job & { minCGPA: number };
+  job: Job;
   studentId: number;
   resumes: Resume[];
   isApplied?: boolean;