Integrate team creation into registration flow with URL-based referral links

[Copilot]

Team creation now happens inline during registration. Referral links (/register?referral=ABC123) replace manual code entry—clicking auto-fills and locks the code field.

Changes

Registration Page

• Inline team creation form when "Yes, I'll create a team" selected
  • Team name input with validation (3-50 chars, uniqueness check)
  • Generates 6-char alphanumeric code with collision detection
• URL parameter handling via useSearchParams
  • Auto-fills referral code from query param
  • Disables input field and auto-selects "join team" radio
  • Visual feedback (checkmark + message)
• Success modal with shareable link
  • Displays full URL: ${origin}/register?referral=${code}
  • Share button (Web Share API + clipboard fallback)
  • Copy button for code only

Code Example

// URL parameter detection
useEffect(() => {
  const urlReferralCode = searchParams.get("referral");
  if (urlReferralCode) {
    setReferralCode(urlReferralCode.toUpperCase());
    setIsTeamLead(false); // Auto-select member mode
  }
}, [searchParams]);

// Improved code generation (guaranteed length)
const generateReferralCode = () => {
  let code = "";
  while (code.length < 6) {
    code += Math.random().toString(36).substring(2);
  }
  return code.substring(0, 6).toUpperCase();
};

Create Team Page

• Deprecated to redirect stub
• Maintained for backward compatibility with existing links

Input Validation

• Alphanumeric-only filter on manual code entry
• Uniqueness check with retry logic (max 10 attempts)
• SSR-safe URL construction helper

Flow Changes

Before: Register → Redirect to /create-team → Get code → Share code manually → Member types code
After: Register with inline form → Get link → Member clicks link → Auto-join

---

💬 We'd love your input! Share your thoughts on Copilot coding agent in our 2 minute survey.

[Copilot]

Just as a heads up, I was blocked by some firewall rules while working on your feedback. Expand below for details.

[ManasMalla]

LG;TM