fix: Improve font visibility and resolve console errors

[codeunia-dev]

• Make all small text darker and more readable (preview, requirements, footer)
• Increase font sizes from text-xs to text-sm for better visibility
• Add font-medium and font-semibold for better contrast
• Fix generate_codeunia_id database function error by providing codeunia_id in profileService
• Improve error handling with user-friendly toast messages
• Enhance visual feedback with larger icons and better spacing
• Fix console errors related to missing database functions

This resolves the font visibility issues and database errors shown in the console

Summary by CodeRabbit

• New Features

  • Added a clear error notification when profile data fails to load.

• Style

  • Refreshed username preview with improved badge styling and mono font.
  • Updated availability messages with larger icons, clearer colors, and bolder text.
  • Redesigned username requirements with compact layout and colored dot indicators for each rule.
  • Polished footer with refined border, smaller centered text, and medium-weight links.
  • Minor layout and spacing tweaks for a cleaner profile completion experience.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Preview	Comments	Updated (UTC)
codeunia	Building	Preview	Comment	Sep 15, 2025 4:44am

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

Adds user-facing error toast on profile load failure. Overhauls username preview/status UI, requirements display, and footer styles in complete profile page. In profile service, generates and stores a new codeunia_id during profile creation and aligns the public Profile type to include this field.

Changes

Cohort / File(s)	Summary
Complete Profile Page UI app/complete-profile/page.tsx	Adds error toast on profile load failure. Restyles username preview label/badge, availability messages, and requirements block (2x2 indicator dots). Updates footer border and typography. No business logic changes beyond toast.
Profile Service: codeunia_id generation lib/services/profile.ts	On createProfile, generates codeunia_id (CU-_) and persists it. Profile type expanded to include codeunia_id. No changes to get/update flows or error handling paths.

Sequence Diagram(s)

sequenceDiagram
  autonumber
  actor User
  participant UI as CompleteProfile Page
  participant SVC as ProfileService
  participant DB as Profiles DB

  User->>UI: Submit to create profile
  UI->>SVC: createProfile(userId, metadata)
  activate SVC
  SVC->>SVC: Generate codeunia_id (CU-<last8>_<ts36>)
  SVC->>DB: INSERT { userId, ..., codeunia_id, profile_completion_percentage: 0 }
  DB-->>SVC: Insert result
  deactivate SVC
  SVC-->>UI: Created Profile (includes codeunia_id)
  UI-->>User: Show success UI

  rect rgba(255,235,205,0.3)
  note over SVC,DB: New step: deterministic codeunia_id generation and storage
  end

Loading

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

Possibly related PRs

• feat: Add OAuth profile completion flow #241 — Also modifies app/complete-profile/page.tsx, establishing the page flow/logic that this PR’s UI and toast changes build upon.

Poem

I thump my paws, delighted and spry,
A shiny CU tag now flutters by—CU-... hop!
Names get badges, dots wink green and red,
Toasters pop errors (not carrots!) instead.
With a nibble of style and an ID new,
I bound through profiles—fast, true, woo! 🐰✨

✨ Finishing touches

• 📝 Generate Docstrings

🧪 Generate unit tests

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch feature/oauth-profile-completion

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 51cd5ad and 480ba80.

📒 Files selected for processing (2)

• app/complete-profile/page.tsx (4 hunks)
• lib/services/profile.ts (1 hunks)

---

_{Comment @coderabbitai help to get the list of available commands and usage tips.}