feat: add modals for managing interns, creating projects, and tasks

- Implemented AddInternsDialog for inviting and managing interns. - Created CreateProjectDialog for launching new projects with detailed forms. - Added CreateTaskDialog for task creation with deadline and submission type options. - Enhanced Header component with navigation functionality. - Updated MentorProjectCard to navigate correctly to mentor projects. - Refactored SidebarMentor for improved navigation and mobile responsiveness. - Adjusted Internify login logic to streamline user role navigation. - Added CSS styles for consistent layout and design. - Introduced mock data for interns to facilitate development and testing.
2026-06-06 23:47:22 +07:00
parent e59e63a21e
commit 46cd26f4d2
33 changed files with 1886 additions and 332 deletions
@@ -0,0 +1,55 @@
+import { useState } from "react";
+import { Link } from "lucide-react";
+import { LuSendHorizontal } from "react-icons/lu";
+
+interface TaskFormLinkProps {
+  taskId: string | undefined;
+  onSubmitSuccess: (link: string) => void;
+}
+
+export default function TaskFormLink({ taskId, onSubmitSuccess }: TaskFormLinkProps) {
+  const [submissionLink, setSubmissionLink] = useState("");
+
+  const handleSubmit = (e: React.FormEvent) => {
+    e.preventDefault();
+    if (!submissionLink.trim()) {
+      alert("Silakan masukkan link tugas Anda terlebih dahulu.");
+      return;
+    }
+    onSubmitSuccess(submissionLink);
+  };
+
+  return (
+    <form onSubmit={handleSubmit} className="space-y-5">
+      <div className="space-y-1.5">
+        <label className="text-[11px] font-bold text-gray-700 tracking-wide block">
+          Submission Link (PDF)
+        </label>
+        <div className="relative flex items-center">
+          <span className="absolute left-3.5 text-gray-400">
+            <Link className="w-4 h-4 stroke-[2]" />
+          </span>
+          <input
+            type="url"
+            required
+            placeholder="https://example.com/your-pdf-link"
+            value={submissionLink}
+            onChange={(e) => setSubmissionLink(e.target.value)}
+            className="w-full pl-10 pr-4 py-2.5 bg-gray-50/50 border border-gray-200 rounded-lg text-sm placeholder-gray-400 text-gray-700 focus:outline-none focus:bg-white focus:border-red-600 focus:ring-1 focus:ring-red-600 font-medium"
+          />
+        </div>
+        <p className="text-[11px] text-gray-400 font-medium pt-0.5">
+          Ensure the link is accessible to the mentor (e.g., Google Drive, Dropbox).
+        </p>
+      </div>
+
+      <button
+        type="submit"
+        className="w-full bg-[#B30000] hover:bg-[#990000] text-white font-bold text-base py-3 rounded-xl transition-colors shadow-md flex items-center justify-center gap-2 tracking-wide cursor-pointer"
+      >
+        Submit Task
+        <LuSendHorizontal className="w-4 h-4 stroke-[2.5]" />
+      </button>
+    </form>
+  );
+}