Summary
Two user-facing screens currently show only the faculty name, with no visual identifier:
- Student Faculty Evaluation Questionnaire — the "INSTRUCTOR" card and the sticky "EVALUATING" progress header.
- Faculty Analytics (faculty report) screen — the page title is the faculty name.
Adding the faculty profile picture (with initials fallback) makes the person being evaluated/analyzed easier to recognize at a glance. The data is already available on FacultyShortResponseDto.profilePicture for the questionnaire, and will be exposed on ReportFacultyDto by the paired API ticket FAC-144.
Scope
- Extend
FacultyReportFacultyDto (frontend type) with profilePicture?: string | null.
- Render an
Avatar beside the faculty name on the analytics screen (faculty-report-screen.tsx).
- Render an
Avatar in the "INSTRUCTOR" card on the evaluation page shell.
- Render a small
Avatar in the sticky "EVALUATING" progress header.
- Thread
facultyProfilePicture through EvaluationForm, QuestionnaireFormRenderer, and QuestionnaireFormProgress.
- Reuse the existing shadcn
Avatar/AvatarImage/AvatarFallback primitives; colocate small getInitials helpers (same pattern already used in faculty-card.tsx).
Dependencies
- Depends on API ticket FAC-144 — the analytics-report endpoint must return
faculty.profilePicture.
Acceptance Criteria
- Student flow: Avatar shown in both the "INSTRUCTOR" card and the "EVALUATING" progress header; initials fallback when the faculty has no picture.
- Analytics flow: Avatar shown left of the faculty name; initials fallback when null.
bun run typecheck and bun run lint pass.
Out of Scope
- Editing / uploading profile pictures.
- Redesign of the avatar component.
Summary
Two user-facing screens currently show only the faculty name, with no visual identifier:
Adding the faculty profile picture (with initials fallback) makes the person being evaluated/analyzed easier to recognize at a glance. The data is already available on
FacultyShortResponseDto.profilePicturefor the questionnaire, and will be exposed onReportFacultyDtoby the paired API ticket FAC-144.Scope
FacultyReportFacultyDto(frontend type) withprofilePicture?: string | null.Avatarbeside the faculty name on the analytics screen (faculty-report-screen.tsx).Avatarin the "INSTRUCTOR" card on the evaluation page shell.Avatarin the sticky "EVALUATING" progress header.facultyProfilePicturethroughEvaluationForm,QuestionnaireFormRenderer, andQuestionnaireFormProgress.Avatar/AvatarImage/AvatarFallbackprimitives; colocate smallgetInitialshelpers (same pattern already used infaculty-card.tsx).Dependencies
faculty.profilePicture.Acceptance Criteria
bun run typecheckandbun run lintpass.Out of Scope