bhai

apps/admin/app/(main)/jobs/[jobId]/StatusSelect.tsx

@@ -0,0 +1,58 @@
+'use client';
+
+import { useState, useTransition } from 'react';
+import {
+  Select,
+  SelectTrigger,
+  SelectContent,
+  SelectItem,
+  SelectValue,
+} from '@workspace/ui/components/select';
+
+const STATUS_OPTIONS = [
+  'in review',
+  'Online Assessment',
+  'Interview round',
+  'offer given',
+  'accepted',
+  'rejected',
+];
+
+interface StatusSelectProps {
+  applicationId: number;
+  initialStatus: string;
+  studentId: number;
+}
+
+export default function StatusSelect({
+  applicationId,
+  initialStatus,
+  studentId,
+}: StatusSelectProps) {
+  const [status, setStatus] = useState(initialStatus);
+  const [isPending, startTransition] = useTransition();
+
+  const handleChange = (value: string) => {
+    setStatus(value); // Optimistic update
+    startTransition(async () => {
+      await fetch(`/api/applications/${applicationId}/status`, {
+        method: 'PATCH',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ status: value, studentId }),
+      });
+    });
+  };
+
+  return (
+    <Select value={status} onValueChange={handleChange} disabled={isPending}>
+      <SelectTrigger className="min-w-[160px]" />
+      <SelectContent>
+        {STATUS_OPTIONS.map((option) => (
+          <SelectItem key={option} value={option}>
+            {option}
+          </SelectItem>
+        ))}
+      </SelectContent>
+    </Select>
+  );
+}