fix: Simplify codev qualification to 100+ points only (remove status restrictions)

Author: raineer

apps/codebility/app/(marketing)/profiles/_components/CodevCard.tsx

@@ -6,7 +6,6 @@ import { useMemo, useState } from "react";
 import Image from "next/image";
 import Link from "next/link";
 import CodevBadge from "@/components/CodevBadge";
-import { getTotalCodevPoints } from "@/utils/codev-qualification";
 import {
   AnimatePresence,
   motion,
@@ -32,32 +31,38 @@ interface Props {
   color: string;
 }
 
-const STATUS_CONFIG = {
+const STATUS_CONFIG: Record<InternalStatus, { label: string; className: string }> = {
   TRAINING: {
     label: "Training",
-    className: "bg-yellow-500/20 backdrop-blur-sm text-yellow-200 border border-yellow-500/30 dark:bg-yellow-500/10 dark:text-yellow-300",
+    className:
+      "bg-yellow-500/20 backdrop-blur-sm text-yellow-200 border border-yellow-500/30 dark:bg-yellow-500/10 dark:text-yellow-300",
   },
   GRADUATED: {
     label: "Graduated",
-    className: "bg-green-500/20 backdrop-blur-sm text-green-200 border border-green-500/30 dark:bg-green-500/10 dark:text-green-300",
+    className:
+      "bg-green-500/20 backdrop-blur-sm text-green-200 border border-green-500/30 dark:bg-green-500/10 dark:text-green-300",
   },
   INACTIVE: {
     label: "Inactive",
-    className: "bg-gray-500/20 backdrop-blur-sm text-gray-200 border border-gray-500/30 dark:bg-gray-500/10 dark:text-gray-300",
+    className:
+      "bg-gray-500/20 backdrop-blur-sm text-gray-200 border border-gray-500/30 dark:bg-gray-500/10 dark:text-gray-300",
   },
   MENTOR: {
     label: "Mentor",
-    className: "bg-purple-500/20 backdrop-blur-sm text-purple-200 border border-purple-500/30 dark:bg-purple-500/10 dark:text-purple-300",
+    className:
+      "bg-purple-500/20 backdrop-blur-sm text-purple-200 border border-purple-500/30 dark:bg-purple-500/10 dark:text-purple-300",
   },
   ADMIN: {
     label: "Admin",
-    className: "bg-blue-500/20 backdrop-blur-sm text-blue-200 border border-blue-500/30 dark:bg-blue-500/10 dark:text-blue-300",
+    className:
+      "bg-blue-500/20 backdrop-blur-sm text-blue-200 border border-blue-500/30 dark:bg-blue-500/10 dark:text-blue-300",
   },
   DEPLOYED: {
     label: "Deployed",
-    className: "bg-indigo-500/20 backdrop-blur-sm text-indigo-200 border border-indigo-500/30 dark:bg-indigo-500/10 dark:text-indigo-300",
+    className:
+      "bg-indigo-500/20 backdrop-blur-sm text-indigo-200 border border-indigo-500/30 dark:bg-indigo-500/10 dark:text-indigo-300",
   },
-} as const;
+};
 
 const CodevCard = ({ codev, color }: Props) => {
   const [hovered, setHovered] = useState(false);
@@ -78,10 +83,13 @@ const CodevCard = ({ codev, color }: Props) => {
   };
 
   const internalStatus = codev.internal_status || "MENTOR";
-  const statusConfig = STATUS_CONFIG[internalStatus as keyof typeof STATUS_CONFIG] || STATUS_CONFIG.MENTOR;
+  const statusConfig =
+    STATUS_CONFIG[internalStatus as InternalStatus] || STATUS_CONFIG.MENTOR;
 
   const filteredLevel = useMemo(() => {
-    return codev.level && codev.codev_points && Array.isArray(codev.codev_points)
+    return codev.level &&
+      codev.codev_points &&
+      Array.isArray(codev.codev_points)
       ? Object.fromEntries(
           Object.entries(codev.level)
             .filter(([skillCategoryId, levelValue]) => {
@@ -93,79 +101,143 @@ const CodevCard = ({ codev, color }: Props) => {
               );
             })
             .sort(([skillCategoryIdA], [skillCategoryIdB]) => {
-              const pointsA = codev.codev_points!.find((point) => point?.skill_category_id === skillCategoryIdA)?.points || 0;
-              const pointsB = codev.codev_points!.find((point) => point?.skill_category_id === skillCategoryIdB)?.points || 0;
+              const pointsA =
+                codev.codev_points!.find(
+                  (point) => point?.skill_category_id === skillCategoryIdA,
+                )?.points || 0;
+              const pointsB =
+                codev.codev_points!.find(
+                  (point) => point?.skill_category_id === skillCategoryIdB,
+                )?.points || 0;
               return pointsB - pointsA;
             }),
         )
       : {};
   }, [codev.level, codev.codev_points]);
 
-  const totalPoints = getTotalCodevPoints(codev.codev_points);
-
   return (
-    <div className="h-64" onMouseEnter={() => setHovered(true)} onMouseLeave={() => setHovered(false)}>
-      <div onClick={() => window.location.href = `https://www.codebility.tech/profiles/${codev.id}`} className="group relative flex h-full w-full flex-col items-center justify-between rounded-lg border border-white/20 bg-white/10 p-4 shadow-2xl backdrop-blur-md transition-all duration-300 cursor-pointer hover:bg-white/20 hover:scale-[1.02] dark:border-white/10 dark:bg-white/5 dark:hover:bg-white/10">
+    <div
+      className="h-64"
+      onMouseEnter={() => setHovered(true)}
+      onMouseLeave={() => setHovered(false)}
+    >
+      <div 
+        onClick={() => window.location.href = `https://www.codebility.tech/profiles/${codev.id}`}
+        className="group relative flex h-full w-full flex-col items-center justify-between rounded-lg border border-white/20 bg-white/10 p-4 shadow-2xl backdrop-blur-md transition-all duration-300 cursor-pointer hover:bg-white/20 hover:scale-[1.02] dark:border-white/10 dark:bg-white/5 dark:hover:bg-white/10"
+      >
+        {/* Background decoration */}
         <div className="from-customBlue-50/30 dark:from-customBlue-950/10 absolute inset-0 bg-gradient-to-br to-purple-50/30 opacity-0 transition-opacity duration-300 group-hover:opacity-100 dark:to-purple-950/10" />
         <div className="absolute -right-4 -top-4 h-32 w-32 rounded-full bg-gradient-to-br from-yellow-400/10 to-orange-400/10 opacity-0 blur-2xl transition-opacity duration-500 group-hover:opacity-100" />
+        
         <div className="grid w-full grid-cols-4 gap-2">
           <div className="col-span-1" />
           <div className="relative col-span-2 flex justify-center">
-            <div className="absolute -top-2 -right-2 z-20">
-              <TooltipProvider>
-                <Tooltip delayDuration={100}>
-                  <TooltipTrigger asChild>
-                    <div className="flex items-center gap-1 rounded-full border border-yellow-500/30 bg-gradient-to-br from-yellow-500/20 to-orange-500/20 px-2.5 py-1 shadow-lg backdrop-blur-sm transition-all duration-300 hover:scale-110 hover:from-yellow-500/30 hover:to-orange-500/30">
-                      <span className="text-xs font-bold text-yellow-200">⭐</span>
-                      <span className="text-xs font-bold text-yellow-200">{totalPoints}</span>
-                    </div>
-                  </TooltipTrigger>
-                  <TooltipContent className="border border-white/20 bg-white/10 px-3 py-2 text-xs text-white backdrop-blur-md dark:border-white/10 dark:bg-white/5">
-                    <div className="flex flex-col gap-1">
-                      <p className="font-semibold">Total Skill Points</p>
-                      <p className="text-gray-200">Qualification: ≥100 points</p>
-                    </div>
-                  </TooltipContent>
-                </Tooltip>
-              </TooltipProvider>
-            </div>
-            <Image alt={`${codev.first_name} Avatar`} src={codev.image_url && (codev.image_url.startsWith("http") || codev.image_url.startsWith("/")) ? codev.image_url : "/assets/svgs/icon-codebility-black.svg"} width={70} height={70} className={`${color} h-[70px] w-[70px] rounded-full bg-cover object-cover p-0.5`} onMouseMove={handleMouseMove} onError={(e) => { console.error(`Failed to load image for ${codev.first_name}: ${codev.image_url}`); e.currentTarget.src = "/assets/svgs/icon-codebility-black.svg"; }} />
+            <Image
+              alt={`${codev.first_name} Avatar`}
+              src={
+                codev.image_url &&
+                (codev.image_url.startsWith("http") ||
+                  codev.image_url.startsWith("/"))
+                  ? codev.image_url
+                  : "/assets/svgs/icon-codebility-black.svg"
+              }
+              width={70}
+              height={70}
+              className={`${color} h-[70px] w-[70px] rounded-full bg-cover object-cover p-0.5`}
+              onMouseMove={handleMouseMove}
+              onError={(e) => {
+                console.error(
+                  `Failed to load image for ${codev.first_name}: ${codev.image_url}`,
+                );
+                e.currentTarget.src = "/assets/svgs/icon-codebility-black.svg";
+              }}
+            />
             <AnimatePresence>
               {hovered && internalStatus && (
-                <motion.div initial={{ opacity: 0, y: 20, scale: 0.6 }} animate={{ opacity: 1, y: 0, scale: 1, transition: { type: "spring", stiffness: 260, damping: 10 } }} exit={{ opacity: 0, y: 20, scale: 0.6 }} style={{ translateX: translateX, rotate: rotate, whiteSpace: "nowrap" }} className={cn("absolute -top-8 right-1/2 z-50 flex -translate-x-1/2 transform flex-col items-center justify-center rounded-lg px-4 py-2 shadow-xl", statusConfig.className)}>
-                  <div className="relative z-30 text-base">{statusConfig.label}</div>
+                <motion.div
+                  initial={{ opacity: 0, y: 20, scale: 0.6 }}
+                  animate={{
+                    opacity: 1,
+                    y: 0,
+                    scale: 1,
+                    transition: {
+                      type: "spring",
+                      stiffness: 260,
+                      damping: 10,
+                    },
+                  }}
+                  exit={{ opacity: 0, y: 20, scale: 0.6 }}
+                  style={{
+                    translateX: translateX,
+                    rotate: rotate,
+                    whiteSpace: "nowrap",
+                  }}
+                  className={cn(
+                    "absolute -top-8 right-1/2 z-50 flex -translate-x-1/2 transform flex-col items-center justify-center rounded-lg px-4 py-2 shadow-xl",
+                    statusConfig.className,
+                  )}
+                >
+                  <div className="relative z-30 text-base">
+                    {statusConfig.label}
+                  </div>
                 </motion.div>
               )}
             </AnimatePresence>
             <div className="absolute bottom-[1px] right-[1px]">
-              <p className={cn("rounded-full border-2 p-2 text-[9px]", codev.availability_status ? "border-green-600 bg-green-500" : "border-red-600 bg-red-500")}></p>
+              <p
+                className={cn(
+                  "rounded-full border-2 p-2 text-[9px]",
+                  codev.availability_status
+                    ? "border-green-600 bg-green-500"
+                    : "border-red-600 bg-red-500",
+                )}
+              ></p>
             </div>
           </div>
           <div className="col-span-1 flex justify-end">
             <TooltipProvider>
               <Tooltip delayDuration={100}>
                 <TooltipTrigger asChild>
                   <Link href={`/profiles/${codev.id}`} target="_blank" onClick={(e) => e.stopPropagation()}>
-                    <Button variant="outline" size="icon" className="h-8 w-8 rounded-full border-white/30 bg-white/20 backdrop-blur-sm transition-all duration-300 hover:bg-white/30 dark:border-white/20 dark:bg-white/10 dark:hover:bg-white/20">
+                    <Button
+                      variant="outline"
+                      size="icon"
+                      className="h-8 w-8 rounded-full border-white/30 bg-white/20 backdrop-blur-sm transition-all duration-300 hover:bg-white/30 dark:border-white/20 dark:bg-white/10 dark:hover:bg-white/20"
+                    >
                       <BookOpenIcon className="h-3.5 w-3.5" />
                     </Button>
                   </Link>
                 </TooltipTrigger>
-                <TooltipContent className="border border-white/20 bg-white/10 px-2 py-1 text-xs text-white backdrop-blur-md dark:border-white/10 dark:bg-white/5">Read Bio</TooltipContent>
+                <TooltipContent className="border border-white/20 bg-white/10 px-2 py-1 text-xs text-white backdrop-blur-md dark:border-white/10 dark:bg-white/5">
+                  Read Bio
+                </TooltipContent>
               </Tooltip>
             </TooltipProvider>
           </div>
         </div>
         <div className="flex flex-col items-center gap-0.5">
           <div className="flex flex-col gap-1 text-center">
-            <p className="md:text-md relative z-10 text-sm capitalize text-white dark:text-white lg:text-base">{codev.first_name} {codev.last_name}</p>
-            {codev.display_position ? (<p className="relative z-10 text-sm text-gray-200 dark:text-gray-300">{codev.display_position}</p>) : (<div className="relative z-10 text-sm lg:text-base">&nbsp;</div>)}
+            <p className="md:text-md relative z-10 text-sm capitalize text-white dark:text-white lg:text-base">
+              {codev.first_name} {codev.last_name}
+            </p>
+            {codev.display_position ? (
+              <p className="relative z-10 text-sm text-gray-200 dark:text-gray-300">
+                {codev.display_position}
+              </p>
+            ) : (
+              <div className="relative z-10 text-sm lg:text-base">&nbsp;</div>
+            )}
           </div>
         </div>
         <div className="flex min-h-[20px] items-center justify-center">
-          {filteredLevel && Object.keys(filteredLevel).length > 0 ? (<CodevBadge level={filteredLevel} className="transition-transform group-hover:scale-100" />) : null}
+          {filteredLevel && Object.keys(filteredLevel).length > 0 ? (
+            <CodevBadge
+              level={filteredLevel}
+              className="transition-transform group-hover:scale-100"
+            />
+          ) : null}
         </div>
-        <CodevHireCodevButton codevId={codev.id}/>
+        <CodevHireCodevButton codevId={codev.id} hovered={hovered} />
       </div>
     </div>
   );

apps/codebility/app/(marketing)/profiles/page.tsx

@@ -2,7 +2,7 @@ import { Suspense } from "react";
 import { UsersSkeleton } from "@/components/ui/skeleton/UsersSkeleton";
 import { getCodevs } from "@/lib/server/codev.service";
 import { Codev } from "@/types/home/codev";
-import { prioritizeCodevs } from "@/utils/codev-priority"; // ← CHANGED: Only import prioritizeCodevs
+import { prioritizeCodevs } from "@/utils/codev-priority";
 import { getQualifiedCodevs } from "@/utils/codev-qualification";
 
 import Section from "../_shared/CodevsSection";
@@ -26,15 +26,13 @@ export default async function Profiles() {
   // Convert to array safely
   const codevsArray: Codev[] = Array.isArray(allCodevs) ? allCodevs : [];
 
-  // ✅ STEP 1: Filter by qualification criteria (100+ points, TRAINING/GRADUATED/NULL, available)
-  // This handles ALL filtering logic - no need for additional filters
+  // Filter by qualification criteria (100+ points, passed, available)
+  // This handles ALL filtering logic - no internal_status restrictions
   const qualifiedCodevs = getQualifiedCodevs(codevsArray);
 
-  // ✅ STEP 2: Apply priority sorting only (no additional filtering)
-  // We already filtered everything in getQualifiedCodevs(), so just prioritize by:
-  // - Active projects > No projects
-  // - Available > Unavailable
-  const sortedCodevs = prioritizeCodevs(qualifiedCodevs); // ← CHANGED: Direct prioritization
+  // Apply priority sorting only (no additional filtering)
+  // Prioritize by: Active projects > No projects, Available > Unavailable
+  const sortedCodevs = prioritizeCodevs(qualifiedCodevs);
 
   // Debug logging in development
   if (process.env.NODE_ENV === "development") {

apps/codebility/utils/codev-qualification.ts

@@ -4,6 +4,7 @@ import { Codev, CodevPoints } from "@/types/home/codev";
  * Calculate total points across all skill categories for a codev
  * @param codev_points - Array of CodevPoints from codev.codev_points
  * @returns Total points sum (0 if undefined/empty)
+ * @example getTotalCodevPoints([{points: 50}, {points: 75}]) // Returns 125
  */
 export const getTotalCodevPoints = (codev_points?: CodevPoints[]): number => {
   if (!codev_points || !Array.isArray(codev_points)) {
@@ -19,60 +20,39 @@ export const getTotalCodevPoints = (codev_points?: CodevPoints[]): number => {
 /**
  * Check if a codev meets the showcase qualification criteria
  * 
- * Qualification Requirements:
+ * SIMPLIFIED REQUIREMENTS (per team lead feedback):
  * 1. Total points >= 100 (graduation requirement)
- * 2. internal_status === "TRAINING" | "GRADUATED" | NULL (active developers)
- * 3. application_status === "passed" (accepted as codev)
- * 4. availability_status === true (currently available for hire)
+ * 2. application_status === "passed" (accepted as codev)
+ * 3. availability_status === true (currently available for hire)
  * 
- * Note: TRAINING status is included because many active high-performing codevs
- * are still in training phase but meet the 100+ point threshold for showcase.
+ * Note: internal_status is now IGNORED - we display anyone with 100+ points
+ * regardless of TRAINING, GRADUATED, MENTOR, etc. status
  * 
  * @param codev - Codev object to check
  * @returns true if codev meets ALL qualification criteria
  */
 export const isQualifiedForShowcase = (codev: Codev): boolean => {
   const totalPoints = getTotalCodevPoints(codev.codev_points);
 
-  // Check all qualification criteria
+  // Simplified qualification criteria (3 checks only)
   const meetsPointsThreshold = totalPoints >= 100;
-  
-  // ✅ FIXED: Accept TRAINING, GRADUATED, or NULL status
-  // TRAINING = Active codevs building their portfolio (common for 100+ point codevs)
-  // GRADUATED = Completed training program
-  // NULL = Legacy active codevs without explicit status
-  const isActiveCodev = 
-    codev.internal_status === "TRAINING" ||
-    codev.internal_status === "GRADUATED" || 
-    codev.internal_status === null || 
-    codev.internal_status === undefined;
-  
   const hasPassedApplication = codev.application_status === "passed";
   const isAvailable = codev.availability_status === true;
 
-  // Exclude specific statuses that should never show in public showcase
-  const isExcludedStatus = 
-    codev.internal_status === "INACTIVE" ||
-    codev.internal_status === "DEPLOYED" ||
-    codev.internal_status === "ADMIN" ||
-    codev.internal_status === "MENTOR";
-  
   // Debug logging (remove in production)
   if (process.env.NODE_ENV === "development") {
-    if (!meetsPointsThreshold || !isActiveCodev || !hasPassedApplication || !isAvailable || isExcludedStatus) {
+    if (!meetsPointsThreshold || !hasPassedApplication || !isAvailable) {
       console.log(`❌ ${codev.first_name} ${codev.last_name} disqualified:`, {
         totalPoints,
         meetsPointsThreshold,
         internal_status: codev.internal_status,
-        isActiveCodev,
         hasPassedApplication,
         isAvailable,
-        isExcludedStatus,
       });
     }
   }
 
-  return meetsPointsThreshold && isActiveCodev && hasPassedApplication && isAvailable && !isExcludedStatus;
+  return meetsPointsThreshold && hasPassedApplication && isAvailable;
 };
 
 /**
@@ -91,6 +71,14 @@ export const getQualifiedCodevs = (codevs: Codev[]): Codev[] => {
   // Debug summary
   if (process.env.NODE_ENV === "development") {
     console.log(`✅ Qualified codevs: ${qualified.length} out of ${codevs.length}`);
+    
+    // Show total points distribution
+    const pointsDistribution = qualified.map(c => ({
+      name: `${c.first_name} ${c.last_name}`,
+      points: getTotalCodevPoints(c.codev_points),
+      status: c.internal_status
+    }));
+    console.table(pointsDistribution);
   }
 
   return qualified;