Skip to content

Refactor/intern ui align with team ux

Kushal Lagichetty requested to merge refactor/intern-ui-align-with-team-ux into main

Closes #6 (closed)

Summary

This MR refactors the Intern Search and Added Interns sections to follow the same UI and interaction patterns as the Create Team and Teams List components, improving visual and UX consistency across the dashboard.

Changes

  • Updated Intern Search input to:
    • Use compact, team-style input layout
    • Show results in a dropdown (instead of long list)
    • Include Add button per result
  • Refactored Added Interns section to:
    • Display interns in structured card/list format
    • Show intern name, ID, and remove action
    • Display total count in section header
  • Added consistent empty states and dropdown behavior
  • Preserved all existing intern search and team logic

Scope

  • Intern search component
  • Added interns list component

UX Notes

  • Case-insensitive live filtering
  • Duplicate interns prevented
  • Dropdown closes on blur or selection
  • Spacing, buttons, and layout aligned with Team components

Testing

  • Manual verification:
    • Search dropdown behaves correctly
    • Add / Remove intern flows work as before
    • Duplicate prevention works
    • Empty and no-result states render properly

Notes

  • UI-only refactor
  • No backend or logic changes
  • Safe, isolated, and regression-free
Edited by Kushal Lagichetty

Merge request reports