Show specifically what's missing before submit-for-verification
All checks were successful
build-and-release / build (push) Successful in 1m44s

The disabled-button hint just said "Complete all required fields to
submit" with no indication of which section was incomplete. For job
seekers, portfolio completion (headline, summary, education, work
experience, skills — filled in via My Portfolio, a separate page from
this one) is required alongside Basic Info and Documents, so seeing
both visible tabs fully checked while submit stays disabled looked
like a bug. Now names the actual missing items.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
Ashwin Kumar Sivakumar 2026-07-27 23:02:11 +05:30
parent cab192d946
commit 5fad33634a

View file

@ -1330,7 +1330,13 @@ export default function ProfilePage(props: Props) {
</button> </button>
<Show when={!canSubmitVerification() && !submitting()}> <Show when={!canSubmitVerification() && !submitting()}>
<span style={{ "font-size": "12px", color: "#9CA3AF" }}> <span style={{ "font-size": "12px", color: "#9CA3AF" }}>
Complete all required fields to submit {(() => {
const parts: string[] = [];
if (missingBasicLabels().length) parts.push(missingBasicLabels().join(", "));
if (missingDocLabels().length) parts.push(missingDocLabels().join(", "));
if (missingPortfolioLabels().length) parts.push(`${missingPortfolioLabels().join(", ")} (in My Portfolio)`);
return parts.length ? `Missing: ${parts.join("; ")}` : "Complete all required fields to submit";
})()}
</span> </span>
</Show> </Show>
</div> </div>