Merge pull request #391 from CodebilityDev/kris/hire-fixes-NEW

Latest hire fixes

Author: yyyort

apps/codebility/app/home/hire/_components/ApplicationDetailsModal.tsx

@@ -1,13 +1,13 @@
 "use client";
 
 import { useState } from "react";
-import { 
-  Mail, 
-  Phone, 
-  Linkedin, 
-  Globe, 
-  FileText, 
-  Calendar, 
+import {
+  Mail,
+  Phone,
+  Linkedin,
+  Globe,
+  FileText,
+  Calendar,
   User,
   Briefcase,
   Download,
@@ -39,11 +39,11 @@ interface ApplicationDetailsModalProps {
   onStatusChange?: (applicationId: string, status: string) => void;
 }
 
-export default function ApplicationDetailsModal({ 
-  application, 
-  isOpen, 
+export default function ApplicationDetailsModal({
+  application,
+  isOpen,
   onClose,
-  onStatusChange 
+  onStatusChange
 }: ApplicationDetailsModalProps) {
   const { toast } = useToast();
   const [status, setStatus] = useState(application?.status || "pending");
@@ -74,14 +74,14 @@ export default function ApplicationDetailsModal({
 
   return (
     <Dialog open={isOpen} onOpenChange={onClose}>
-      <DialogContent className="max-h-[90vh] max-w-4xl overflow-y-auto bg-gray-900 border-gray-800">
+      <DialogContent className="max-h-[90vh] max-w-4xl overflow-y-auto overflow-x-hidden bg-gray-900 border-gray-800">
         <DialogHeader>
           <DialogTitle className="text-2xl font-light text-white">
             Application Details
           </DialogTitle>
         </DialogHeader>
 
-        <div className="space-y-6 py-4">
+        <div className="space-y-6 py-4 min-w-0">
           {/* Applicant Header */}
           <div className="flex items-start justify-between">
             <div>
@@ -197,10 +197,10 @@ export default function ApplicationDetailsModal({
           {/* Cover Letter */}
           <div className="rounded-lg border border-gray-800 p-4">
             <h3 className="mb-3 flex items-center gap-2 text-lg font-medium text-white">
-              <FileText className="h-5 w-5" />
+              <FileText className="h-5 w-5 flex-shrink-0" />
               Cover Letter
             </h3>
-            <p className="text-gray-300 whitespace-pre-wrap">
+            <p className="text-gray-300 whitespace-pre-wrap break-words">
               {application.cover_letter}
             </p>
           </div>

apps/codebility/app/home/hire/_components/JobListingsTable.tsx

@@ -2,11 +2,11 @@
 
 import { useState, useEffect } from "react";
 import { useRouter } from "next/navigation";
-import { 
-  MoreVertical, 
-  Edit, 
-  Trash2, 
-  Eye, 
+import {
+  MoreVertical,
+  Edit,
+  Trash2,
+  Eye,
   Users,
   Calendar,
   MapPin,
@@ -61,7 +61,7 @@ export default function JobListingsTable() {
     try {
       setLoading(true);
       const supabase = createClientClientComponent();
-      
+
       // Fetch job listings with creator details
       const { data: jobsData, error: jobsError } = await supabase
         .from('job_listings')
@@ -93,7 +93,7 @@ export default function JobListingsTable() {
             .from('job_applications')
             .select('*', { count: 'exact', head: true })
             .eq('job_id', job.id);
-          
+
           return {
             ...job,
             application_count: count || 0,
@@ -123,7 +123,7 @@ export default function JobListingsTable() {
     if (confirm("Are you sure you want to delete this job listing? This action cannot be undone.")) {
       try {
         const supabase = createClientClientComponent();
-        
+
         const { error } = await supabase
           .from('job_listings')
           .delete()
@@ -132,10 +132,10 @@ export default function JobListingsTable() {
         if (error) {
           throw error;
         }
-        
+
         // Remove from local state
         setJobs(prevJobs => prevJobs.filter(job => job.id !== jobId));
-        
+
         toast({
           title: "Job Deleted",
           description: "The job listing has been permanently removed.",
@@ -164,7 +164,7 @@ export default function JobListingsTable() {
   const handleJobUpdated = () => {
     // Refetch the jobs from the database
     fetchJobListings();
-    
+
     toast({
       title: "Job Updated",
       description: "The job listing has been updated successfully.",
@@ -312,9 +312,9 @@ export default function JobListingsTable() {
                       <Button
                         variant="ghost"
                         size="icon"
-                        className="h-8 w-8 text-gray-400 hover:text-white"
+                        className="group h-8 w-8 text-gray-400 hover:text-white"
                       >
-                        <MoreVertical className="h-4 w-4" />
+                        <MoreVertical className="h-4 w-4 flex-shrink-0" />
                         <span className="sr-only">Open menu</span>
                       </Button>
                     </DropdownMenuTrigger>
@@ -341,7 +341,7 @@ export default function JobListingsTable() {
           ))}
         </TableBody>
       </Table>
-      
+
       {/* Edit Job Modal */}
       <EditJobModal
         job={editingJob}

apps/codebility/app/home/hire/actions.ts

@@ -35,11 +35,11 @@ interface JobApplication {
 
 export async function createJobListing(jobData: JobListing) {
   const supabase = await createClientServerComponent();
-  
+
   try {
     // Get current user
     const { data: { user } } = await supabase.auth.getUser();
-    
+
     if (!user) {
       return { success: false, error: "Unauthorized" };
     }
@@ -61,7 +61,7 @@ export async function createJobListing(jobData: JobListing) {
 
     revalidatePath("/home/hire");
     revalidatePath("/careers");
-    
+
     return { success: true, data };
   } catch (error) {
     console.error("Error in createJobListing:", error);
@@ -71,7 +71,7 @@ export async function createJobListing(jobData: JobListing) {
 
 export async function updateJobListing(id: string, jobData: Partial<JobListing>) {
   const supabase = await createClientServerComponent();
-  
+
   try {
     const { data, error } = await supabase
       .from("job_listings")
@@ -90,7 +90,7 @@ export async function updateJobListing(id: string, jobData: Partial<JobListing>)
 
     revalidatePath("/home/hire");
     revalidatePath("/careers");
-    
+
     return { success: true, data };
   } catch (error) {
     console.error("Error in updateJobListing:", error);
@@ -100,7 +100,7 @@ export async function updateJobListing(id: string, jobData: Partial<JobListing>)
 
 export async function deleteJobListing(id: string) {
   const supabase = await createClientServerComponent();
-  
+
   try {
     const { error } = await supabase
       .from("job_listings")
@@ -114,7 +114,7 @@ export async function deleteJobListing(id: string) {
 
     revalidatePath("/home/hire");
     revalidatePath("/careers");
-    
+
     return { success: true };
   } catch (error) {
     console.error("Error in deleteJobListing:", error);
@@ -124,7 +124,7 @@ export async function deleteJobListing(id: string) {
 
 export async function getJobListings(status: 'active' | 'closed' | 'draft' = 'active') {
   const supabase = await createClientServerComponent();
-  
+
   try {
     const { data, error } = await supabase
       .from("job_listings")
@@ -149,7 +149,7 @@ export async function getJobListings(status: 'active' | 'closed' | 'draft' = 'ac
 
 export async function getJobApplications(jobId: string) {
   const supabase = await createClientServerComponent();
-  
+
   try {
     const { data, error } = await supabase
       .from("job_applications")
@@ -169,9 +169,34 @@ export async function getJobApplications(jobId: string) {
   }
 }
 
+
+export async function deleteJobApplication(applicationId: string, jobId: string) {
+  const supabase = await createClientServerComponent();
+  try {
+
+    const { data, error } = await supabase
+      .from("job_applications")
+      .delete()
+      .eq("id", applicationId);
+
+    if (error) {
+      console.error("Error deleting job application:", error);
+      return { success: false, error: error.message };
+    }
+
+    revalidatePath(`/home/hire/applications/${jobId}`);
+    return { success: true };
+  } catch (error) {
+    console.error("Error in deleteJobApplication:", error);
+    return { success: false, error: "An unexpected error occurred" };
+  }
+}
+
+
+
 export async function submitJobApplication(applicationData: JobApplication) {
   const supabase = await createClientServerComponent();
-  
+
   try {
     const { data, error } = await supabase
       .from("job_applications")
@@ -185,7 +210,7 @@ export async function submitJobApplication(applicationData: JobApplication) {
     }
 
     revalidatePath(`/home/hire/applications/${applicationData.job_id}`);
-    
+
     return { success: true, data };
   } catch (error) {
     console.error("Error in submitJobApplication:", error);
@@ -194,14 +219,14 @@ export async function submitJobApplication(applicationData: JobApplication) {
 }
 
 export async function updateApplicationStatus(
-  applicationId: string, 
+  applicationId: string,
   status: 'pending' | 'reviewing' | 'shortlisted' | 'rejected' | 'hired'
 ) {
   const supabase = await createClientServerComponent();
-  
+
   try {
     const { data: { user } } = await supabase.auth.getUser();
-    
+
     if (!user) {
       return { success: false, error: "Unauthorized" };
     }
@@ -224,7 +249,7 @@ export async function updateApplicationStatus(
     }
 
     revalidatePath("/home/hire");
-    
+
     return { success: true, data };
   } catch (error) {
     console.error("Error in updateApplicationStatus:", error);