Skip to content

Refactor/interns overlay scalable ui

Kushal Lagichetty requested to merge refactor/interns-overlay-scalable-ui into main

Closes #7 (closed)

🔀 MR: Move Interns Management to Modal-Based UI

Summary

This MR refactors the Added Interns section into a scalable, modal-based Interns management UI. Interns are no longer rendered inline and are instead managed through a dedicated overlay with search and removal support.

Changes

  • Introduced InternsSummary component:
    • Compact card/button showing Interns (N)
  • Added InternsModal component:
    • Displays all interns in a scrollable list
    • Supports live search by name or ID
    • Allows removing interns
  • Prevented background scrolling when modal is open
  • Preserved all existing intern add/remove and team sync logic

Scope

  • Intern-related UI components only
  • No backend or API changes
  • No team or verification logic changes

UX Notes

  • Modal opens/closes cleanly
  • Handles large intern lists (40+)
  • Empty and no-match states handled gracefully
  • Layout consistent with existing dashboard styles

Testing

  • Manual verification:
    • Modal opens from Interns summary
    • Search filters interns correctly
    • Removing intern updates state and teams
    • Modal closes via button and backdrop

Notes

  • UI/UX scalability refactor
  • Logic-safe and regression-free
  • Improves dashboard readability and usability

Merge request reports