Skip to content

FAC-WEB feat: show faculty profile picture on evaluation and analytics screens #142

Description

@y4nder

Summary

Two user-facing screens currently show only the faculty name, with no visual identifier:

  1. Student Faculty Evaluation Questionnaire — the "INSTRUCTOR" card and the sticky "EVALUATING" progress header.
  2. 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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions