SWAMPy

✎ CARVE FLESH

EDITING: useCurrentStudentInfo.tsx

/*
 * Copyright (C) 2023 - present Instructure, Inc.
 *
 * This file is part of Canvas.
 *
 * Canvas is free software: you can redistribute it and/or modify it under
 * the terms of the GNU Affero General Public License as published by the Free
 * Software Foundation, version 3 of the License.
 *
 * Canvas is distributed in the hope that it will be useful, but WITHOUT ANY
 * WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
 * A PARTICULAR PURPOSE. See the GNU Affero General Public License for more
 * details.
 *
 * You should have received a copy of the GNU Affero General Public License along
 * with this program. If not, see <http://www.gnu.org/licenses/>.
 */

import {useCallback, useEffect, useState} from 'react'
import {useQuery} from 'react-apollo'
import {
  GradebookStudentDetails,
  GradebookStudentQueryResponse,
  GradebookUserSubmissionDetails,
} from '../../types'
import {GRADEBOOK_STUDENT_QUERY} from '../../queries/Queries'

type Response = {
  currentStudent?: GradebookStudentDetails
  studentSubmissions?: GradebookUserSubmissionDetails[]
  updateSubmissionDetails: (submission: GradebookUserSubmissionDetails) => void
}

export const useCurrentStudentInfo = (courseId: string, userId?: string | null): Response => {
  const [currentStudent, setCurrentStudent] = useState<GradebookStudentDetails>()
  const [studentSubmissions, setStudentSubmissions] = useState<GradebookUserSubmissionDetails[]>()

const {data, error} = useQuery<GradebookStudentQueryResponse>(GRADEBOOK_STUDENT_QUERY, {
    variables: {courseId, userIds: userId},
    fetchPolicy: 'cache-and-network',
    skip: !userId,
  })

useEffect(() => {
    if (!userId) {
      setCurrentStudent(undefined)
      setStudentSubmissions(undefined)
    }
  }, [userId])

useEffect(() => {
    if (error) {
      // TODO: handle error
    }

if (data?.course) {
      setCurrentStudent(data.course.usersConnection.nodes[0])
      setStudentSubmissions(data.course.submissionsConnection.nodes)
    }
  }, [data, error])

const updateSubmissionDetails = useCallback(
    (newSubmission: GradebookUserSubmissionDetails) => {
      setStudentSubmissions(submissions => {
        if (!submissions) return
        const index = submissions.findIndex(s => s.id === newSubmission.id)
        if (index > -1) {
          submissions[index] = newSubmission
        }
        return [...submissions]
      })
    },
    [setStudentSubmissions]
  )

return {currentStudent, studentSubmissions, updateSubmissionDetails}
}

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📄 useContentDropdownOptions.tsx	TSX	3.8 KB	2023-09-24 03:39	EDIT
📄 useCurrentStudentInfo.tsx	TSX	2.5 KB	2023-09-24 03:39	EDIT
📄 useExportGradebook.tsx	TSX	3.6 KB	2023-09-24 03:39	EDIT
📄 useSubmitScore.tsx	TSX	3.2 KB	2023-09-24 03:39	EDIT