Skip to content

add issue tab for missing #21

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
heryandjaruma merged 1 commit into from
Jun 20, 2026
Merged

add issue tab for missing #21

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
161 changes: 154 additions & 7 deletions app/applications/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,7 +41,7 @@ export default function Applications() {
const [isSortDescending, setIsSortDescending] = useState<boolean>(false);
const [activeTab, setActiveTab] = useState<"evaluate" | "issues">("evaluate");
const [activeIssueType, setActiveIssueType] = useState<
"duplicates" | "oversize-team"
"duplicates" | "oversize-team" | "missing-fields"
>("duplicates");
const [expandedGroups, setExpandedGroups] = useState<Set<string>>(new Set());

Expand Down Expand Up @@ -586,6 +586,62 @@ export default function Applications() {
0
);

// Issue detection: missing required fields
const REQUIRED_FIELDS: { key: keyof CombinedApplicationData; label: string }[] = [
{ key: "firstName", label: "First Name" },
{ key: "lastName", label: "Last Name" },
{ key: "genderIdentity", label: "Gender Identity" },
{ key: "dateOfBirth", label: "Date of Birth" },
{ key: "nationality", label: "Nationality" },
{ key: "countryOfResidence", label: "Country of Residence" },
{ key: "preferredLanguage", label: "Preferred Language" },
{ key: "currentOccupation", label: "Current Occupation" },
{ key: "occupationPlace", label: "School / Company" },
{ key: "occupationDetail", label: "Major / Position" },
{ key: "email", label: "Email" },
{ key: "phone", label: "Phone" },
{ key: "teamFormation", label: "Team Formation" },
{ key: "teamName", label: "Team Name" },
{ key: "interestedTrack", label: "Interested Track" },
{ key: "primaryRole", label: "Primary Role" },
{ key: "roleProficiency", label: "Role Proficiency" },
{ key: "toolsUsed", label: "Tools Used" },
{ key: "resume", label: "Resume" },
{ key: "qDreamCreation", label: "Dream Creation Essay" },
{ key: "qProudestMoment", label: "Proudest Moment Essay" },
{ key: "qWhyGarudaHacks", label: "Why Garuda Hacks Essay" },
{ key: "overnightPlan", label: "Overnight Plan" },
{ key: "leaveLetter", label: "Leave Letter" },
{ key: "phoneEmergency", label: "Emergency Phone" },
{ key: "emergencyWays", label: "Emergency Contact Methods" },
{ key: "emergencyRelation", label: "Emergency Relation" },
{ key: "signedConsent", label: "Signed Consent" },
{ key: "hackathonCount", label: "Hackathon Count" },
{ key: "ghCount", label: "GH Iterations" },
{ key: "joinSource", label: "Join Source" },
{ key: "referralSource", label: "Referral Source" },
{ key: "joinReason", label: "Join Reason" },
];

const missingFieldsApps = applicationsOriginal
.map((app) => {
const missing = REQUIRED_FIELDS.filter((field) => {
const val = app[field.key];
if (val === undefined || val === null) return true;
if (typeof val === "string" && val.trim() === "") return true;
if (Array.isArray(val) && val.length === 0) return true;
return false;
});
if (missing.length > 0) {
return { application: app, missingFields: missing.map((f) => f.label) };
}
return null;
})
.filter(Boolean) as {
application: CombinedApplicationData;
missingFields: string[];
}[];

return (
<div className="space-y-6">
<PageHeader
Expand Down Expand Up @@ -620,9 +676,13 @@ export default function Applications() {
}`}
>
Potential Issues
{(duplicateGroups.length > 0 || oversizeTeams.length > 0) && (
{(duplicateGroups.length > 0 ||
oversizeTeams.length > 0 ||
missingFieldsApps.length > 0) && (
<span className="px-2 py-0.5 rounded-full text-xs bg-amber-500/20 text-amber-400">
{duplicateGroups.length + oversizeTeams.length}
{duplicateGroups.length +
oversizeTeams.length +
missingFieldsApps.length}
</span>
)}
</button>
Expand Down Expand Up @@ -781,21 +841,29 @@ export default function Applications() {
{activeTab === "issues" && (
<>
<div className="card py-4 px-3 mb-6">
<div className="grid grid-cols-2 gap-4 divide-x divide-white/10">
<div className="grid grid-cols-3 gap-4 divide-x divide-white/10">
<div className="text-center px-2">
<div className="text-xl font-bold mb-1 text-amber-400">
{duplicateGroups.length}
</div>
<div className="text-xs text-white/70">
Duplicate Groups ({totalDuplicateApps} apps)
Duplicates ({totalDuplicateApps} apps)
</div>
</div>
<div className="text-center px-2">
<div className="text-xl font-bold mb-1 text-orange-400">
{oversizeTeams.length}
</div>
<div className="text-xs text-white/70">
Oversize Teams (&gt;{MAX_TEAM_SIZE})
Oversize (&gt;{MAX_TEAM_SIZE})
</div>
</div>
<div className="text-center px-2">
<div className="text-xl font-bold mb-1 text-red-400">
{missingFieldsApps.length}
</div>
<div className="text-xs text-white/70">
Missing Fields
</div>
</div>
</div>
Expand Down Expand Up @@ -827,7 +895,20 @@ export default function Applications() {
: "text-white/50 hover:text-white/80 hover:bg-white/5 border border-transparent"
}`}
>
Oversize Teams ({oversizeTeams.length})
Oversize ({oversizeTeams.length})
</button>
<button
onClick={() => {
setActiveIssueType("missing-fields");
setSelectedApplication(null);
}}
className={`flex-1 px-3 py-2 text-xs font-medium rounded-lg transition-colors ${
activeIssueType === "missing-fields"
? "bg-red-500/20 text-red-400 border border-red-500/50"
: "text-white/50 hover:text-white/80 hover:bg-white/5 border border-transparent"
}`}
>
Missing ({missingFieldsApps.length})
</button>
</div>

Expand Down Expand Up @@ -961,6 +1042,46 @@ export default function Applications() {
)}
</>
)}

{activeIssueType === "missing-fields" && (
<>
{missingFieldsApps.length === 0 ? (
<div className="p-6 text-center text-white/70">
No applications with missing required fields
</div>
) : (
missingFieldsApps.map((entry) => (
<div
key={entry.application.id}
onClick={() =>
handleApplicationSelect(entry.application)
}
className={`p-4 border-b border-white/10 cursor-pointer transition-colors hover:bg-white/5 ${
selectedApplication?.id === entry.application.id
? "bg-primary/10 border-primary/30"
: ""
}`}
>
<div className="flex justify-between items-start mb-2">
<h4 className="font-medium text-sm text-white truncate">
{entry.application.firstName ||
entry.application.email ||
"Unknown"}{" "}
{entry.application.lastName || ""}
</h4>
<span className="px-2 py-1 rounded-full text-xs font-semibold bg-red-500/20 text-red-400 border border-red-500/50">
{entry.missingFields.length} missing
</span>
</div>
<p className="text-xs text-red-400/70 truncate">
{entry.missingFields.slice(0, 3).join(", ")}
{entry.missingFields.length > 3 && "..."}
</p>
</div>
))
)}
</>
)}
</div>
</div>
</>
Expand Down Expand Up @@ -1027,6 +1148,32 @@ export default function Applications() {
</div>
);
})()}
{activeTab === "issues" &&
activeIssueType === "missing-fields" &&
(() => {
const entry = missingFieldsApps.find(
(e) => e.application.id === selectedApplication.id
);
if (!entry) return null;
return (
<div className="p-3 bg-red-600/10 border border-red-600/30 rounded-md">
<p className="text-red-400 text-sm font-medium">
{entry.missingFields.length} Required Field
{entry.missingFields.length > 1 ? "s" : ""} Missing
</p>
<ul className="mt-2 space-y-1">
{entry.missingFields.map((field) => (
<li
key={field}
className="text-red-300 text-sm font-mono bg-red-900/20 px-2 py-1 rounded"
>
{field}
</li>
))}
</ul>
</div>
);
})()}

{/* PROFILE */}
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
Expand Down
2 changes: 2 additions & 0 deletions config.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
export const eventName = "Garuda Hacks 7.0"

export const EPOCH_START_MENTORING = 1753340400;
export const EPOCH_ENDS_MENTORING = 1753448400;

Expand Down
Loading