diff --git a/src/pages/academy/grading/subcomponents/GradingWorkspace.tsx b/src/pages/academy/grading/subcomponents/GradingWorkspace.tsx index 7cbdbd1a1f..b9a11c13db 100644 --- a/src/pages/academy/grading/subcomponents/GradingWorkspace.tsx +++ b/src/pages/academy/grading/subcomponents/GradingWorkspace.tsx @@ -53,6 +53,20 @@ type Props = { questionId: number; }; +const getDisplayName = ( + studentName?: string | null, + team?: { + username: any; + name: string; + id: number; + }[] +): string[] => { + if (studentName) return [studentName]; + if (team != null) return team.map(member => member.name); + + return ['']; +}; + const GradingWorkspace: React.FC = props => { const navigate = useNavigate(); const { selectedTab, setSelectedTab } = useSideContent( @@ -294,11 +308,10 @@ const GradingWorkspace: React.FC = props => { initialXp={grading!.answers[questionId].grade.xp} xpAdjustment={grading!.answers[questionId].grade.xpAdjustment} maxXp={grading!.answers[questionId].question.maxXp} - studentNames={ - grading!.answers[questionId].student.name - ? [grading!.answers[questionId].student.name] - : grading!.answers[questionId].team!.map(member => member.name) - } + studentNames={getDisplayName( + grading!.answers[questionId].student.name, + grading!.answers[questionId].team + )} studentUsernames={ grading!.answers[questionId].student.username ? [grading!.answers[questionId].student.username]