Develop

app/hire/dashboard/applicant/page.tsx

@@ -4,6 +4,7 @@ import { statusMap } from "@/components/common/status-icon-map";
 import ContentLayout from "@/components/features/hire/content-layout";
 import { ApplicantPage } from "@/components/features/hire/dashboard/ApplicantPage";
 import { type ActionItem } from "@/components/ui/action-item";
+import useApplicationActions from "@/hooks/use-application-actions";
 import { useEmployerApplications } from "@/hooks/use-employer-api";
 import { updateApplicationStatus, UserService } from "@/lib/api/services";
 import { EmployerApplication } from "@/lib/db/db.types";
@@ -17,7 +18,17 @@ function ApplicantPageContent() {
   const jobId = searchParams.get("jobId");
   const isDummyProfile = searchParams.get("dummy") === "1";
   const [loading, setLoading] = useState(true);
+
   const applications = useEmployerApplications();
+  const { app_statuses } = useDbRefs();
+
+  const {
+    triggerAccept,
+    triggerReject,
+    triggerShortlist,
+    triggerArchive,
+    triggerDelete,
+  } = useApplicationActions(applications.review);
 
   const dummyApplication: EmployerApplication = {
     id: "dummy-super-application",
@@ -76,8 +87,6 @@ function ApplicantPageContent() {
     otherApplications = [];
   }
 
-  const { app_statuses } = useDbRefs();
-
   useEffect(() => {
     const fetchUserData = async () => {
       if (isDummyProfile) {
@@ -108,16 +117,37 @@ function ApplicantPageContent() {
     [],
   );
 
-  const getStatuses = (applicationId: string) => {
+  const getStatuses = (application: EmployerApplication) => {
     return unique_app_statuses
       .filter((status) => status.id !== 7 && status.id !== 5 && status.id !== 0)
       .map((status): ActionItem => {
         const uiProps = statusMap.get(status.id);
+
+        const handleClick = () => {
+          switch (status.id) {
+            case 1:
+              triggerShortlist(application);
+              break;
+            case 4:
+              triggerAccept(application);
+              break;
+            case 5:
+              triggerDelete(application);
+              break;
+            case 6:
+              triggerReject(application);
+              break;
+            case 7:
+              triggerArchive(application);
+              break;
+          }
+        };
+
         return {
           id: status.id.toString(),
           label: status.name,
           icon: uiProps?.icon,
-          onClick: () => updateApplicationStatus(applicationId, status.id),
+          onClick: handleClick,
           destructive: uiProps?.destructive,
         };
       });
@@ -129,10 +159,14 @@ function ApplicantPageContent() {
         <ApplicantPage
           application={userApplication}
           jobID={jobId || ""}
-          statuses={
-            isDummyProfile ? [] : getStatuses(userApplication?.id || "")
-          }
+          statuses={isDummyProfile ? [] : getStatuses(userApplication!)}
           userApplications={otherApplications}
+          onArchive={() => {
+            if (userApplication) triggerArchive(userApplication);
+          }}
+          onDelete={() => {
+            if (userApplication) triggerDelete(userApplication);
+          }}
         />
       </div>
     </ContentLayout>

app/student/applications/page.tsx

@@ -109,9 +109,13 @@ const ApplicationCard = ({ application }: { application: UserApplication }) => {
     challengeTitleFromJoin.trim().length > 0;
   const isUnavailable = !job?.is_active || job?.is_deleted;
   const canOpenListing = !!job?.id && !isUnavailable;
-  const statusLabel = to_app_status_name(application.status) ?? "Pending";
+  const statusLabel =
+    application.status === 5 || application.status === 7
+      ? "Closed"
+      : (to_app_status_name(application.status) ?? "Pending");
   let statusBadgeType: "destructive" | "supportive" | "warning" = "warning";
-  if (statusLabel === "Rejected") statusBadgeType = "destructive";
+  if (statusLabel === "Rejected" || statusLabel === "Closed")
+    statusBadgeType = "destructive";
   else if (statusLabel === "Accepted" || statusLabel === "Hired")
     statusBadgeType = "supportive";
   else statusBadgeType = "warning";

app/student/forms/page.tsx

@@ -17,6 +17,7 @@ import {
   useFormFilloutProcessPending,
   useFormFilloutProcessReader,
 } from "@/hooks/forms/filloutFormProcess";
+import { isProfileVerified } from "@/lib/profile";
 
 /**
  * The forms page component - shows either history or generate based on form count
@@ -38,10 +39,22 @@ export default function FormsPage() {
     if (!isAuthenticated()) {
       return; // Exit if not authenticated
     }
+    if (profile.isPending) {
+      return;
+    }
+    if (!isProfileVerified(profile.data)) {
+      router.push("/register/verify");
+      return;
+    }
 
-    if (!profile.data?.department && !profile.isPending)
-      router.push("/profile/complete-profile");
-  }, [isAuthenticated, profile.data?.department, profile.isPending, router]);
+    if (!profile.data?.department) router.push("/profile/complete-profile");
+  }, [
+    isAuthenticated,
+    profile.data,
+    profile.data?.department,
+    profile.isPending,
+    router,
+  ]);
 
   // Query 1: Check for updates (cheap query - just a timestamp)
   // TODO: Enable this later for smart cache invalidation

app/student/layout.tsx

@@ -15,11 +15,32 @@ import MobileNavWrapper from "@/components/shared/mobile-nav-wrapper";
 import { SonnerToaster } from "@/components/ui/sonner-toast";
 import { ClientProcessesProvider } from "@betterinternship/components";
 
-const baseUrl =
-  process.env.NEXT_PUBLIC_CLIENT_URL || "https://betterinternship.com";
+const baseUrl = (() => {
+  const isProduction = process.env.NODE_ENV === "production";
+  const fallbackBaseUrl = isProduction
+    ? "https://www.betterinternship.com"
+    : "https://dev.betterinternship.com";
+  const rawConfiguredUrl = process.env.NEXT_PUBLIC_CLIENT_URL?.trim();
+  const configuredUrl = rawConfiguredUrl
+    ? /^https?:\/\//i.test(rawConfiguredUrl)
+      ? rawConfiguredUrl
+      : `https://${rawConfiguredUrl}`
+    : undefined;
+
+  // Prevent localhost OG/Twitter URLs so metadata always points to shareable domains.
+  if (
+    configuredUrl &&
+    /^https?:\/\/(localhost|127\.0\.0\.1)(:\d+)?(\/|$)/i.test(configuredUrl)
+  ) {
+    return fallbackBaseUrl;
+  }
+
+  return configuredUrl || fallbackBaseUrl;
+})().replace(/\/$/, "");
 const ogImage = `${baseUrl}/student-preview.png`;
 
 export const metadata: Metadata = {
+  metadataBase: new URL(baseUrl),
   title: "BetterInternship",
   description: "Better Internships Start Here.",
   icons: {