only load student points when viewing student table, not when switchi…

…ng to students
mp-access · Dec 9, 2023 · 23608f5 · 23608f5
1 parent b596994
commit 23608f5
Show file tree

Hide file tree

Showing 3 changed files with 68 additions and 62 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/Hooks.tsx b/src/components/Hooks.tsx
@@ -65,6 +65,12 @@ export const useStudents = () => {
   return useQuery<StudentProps[]>(['courses', courseSlug, 'students'], { enabled: !!courseSlug })
 }
 
+export const useStudentPoints = () => {
+  const { courseSlug } = useParams()
+  return useQuery<StudentProps[]>(['courses', courseSlug, 'studentPoints'], { enabled: !!courseSlug })
+}
+
+
 export const useImport = () => {
   const { courseSlug } = useParams()
   const { mutateAsync, isLoading } = useMutation<string, object, any[]>(['import', courseSlug])

diff --git a/src/pages/Students.tsx b/src/pages/Students.tsx
@@ -1,9 +1,9 @@
 import { Center, Heading, Table, TableCaption, TableContainer, Tbody, Td, Th, Thead, Tr, VStack } from '@chakra-ui/react'
 import React from 'react'
-import { useStudents } from '../components/Hooks'
+import { useStudentPoints } from '../components/Hooks'
 
 export default function Students() {
-  const { data: students } = useStudents()
+  const { data: students } = useStudentPoints()
   if (!students)
     return <></>
   return (