Skip to content

Conversation

@janayagarcia
Copy link
Collaborator

image

Description of changes

Made the drawer analytics page (StudentAnalyticsDrawer.tsx). Used the donut chart component that nishitha made. analytics.ts is where I get the backend data.


export const StudentAnalyticsDrawer = ({ studentId, courseId }: Props) => {
const { toast } = useToast();
const [isOpen, setIsOpen] = useState(false);
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

if we dont custom open/close logic, you can remove this state and remove the props from the Sheet component. it should work


<div className="space-y-2 max-h-72 overflow-y-auto">
{questionsForDate.map((question, idx) => (
<div key={idx} className="grid grid-cols-3 gap-2">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

make the table with the questions a separate component

Copy link
Collaborator

@j3rrythomas j3rrythomas left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Fix as per comments

@j3rrythomas j3rrythomas merged commit 340f69a into main Jun 3, 2025
1 check passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants