Per Student Analytics [WIP]

[erin-xu]

Summary

This PR adds a graph to the professor analytics page to display the number of questions asked by each student. I added it below the per TA analytics graph and used the same format as well.

Professors can search for a student using net ID and hover over the graph to view the office hour location, time, and number of questions asked. If a student asks questions during multiple sessions on the same day, the corresponding bars are stacked on top of each other in the graph.

** The functionality is done but I marked this PR as WIP because I want to go back to clean up my code and create a new component for the per TA/student graph so there is less code duplication.

Test Plan

• Check that questions asked are displayed correctly for students across calendar date range and for days with multiple office hour sessions.
• When a different student is selected, the graph data and student info on the left should update.
• Check that all students can be found through NetID.
• Check that dropdown scrolls for a long list of students.
• Check that student cell is blue when hovered over.
• Check that dropdown closes when a student is selected or click outside.
• Check that the y-max of the chart is correct - 8 by default and the max number of questions answered in one day if it exceeds 8.

Notes

Breaking Changes

None

• I have updated the documentation accordingly.
• My PR adds a @ts-ignore

[CLAassistant]

All committers have signed the CLA.

[dti-github-bot]

[diff-counting] Significant lines: 276.

[jewang25]

Nice job Erin! The graphs look nice and will definitely help professors easily see the analytics better. Also, I liked how you noted you would clean up the code so that there is less duplication :).

[swang235]

Hi Erin, I love the analytics work that you're doing, the graphs are very user-friendly! I'm curious about how you're planning on implementing dates for the x-axis, I noticed that it is weekly columns rn- I wonder what the graphs would look like if professors wanted to see data over a longer period of time, or just certain dates (like right before exams or assignment deadlines..)

I'm so excited for when we deploy this feature :) keep up the good work!