SWAMPy

✎ CARVE FLESH

EDITING: CourseNotificationSettingsQuery.js

/*
 * Copyright (C) 2020 - 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 {COURSE_NOTIFICATIONS_QUERY} from '../graphql/Queries'
import CourseNotificationSettingsManager from './CourseNotificationSettingsManager'
import errorShipUrl from '@canvas/images/ErrorShip.svg'
import GenericErrorPage from '@canvas/generic-error-page'
import {useScope as useI18nScope} from '@canvas/i18n'
import LoadingIndicator from '@canvas/loading-indicator'
import React from 'react'
import {string} from 'prop-types'
import {useQuery} from 'react-apollo'

const I18n = useI18nScope('courses')

export default function CourseNotificationSettingsQuery(props) {
  const {loading, error, data} = useQuery(COURSE_NOTIFICATIONS_QUERY, {
    variables: {
      courseId: props.courseId,
      userId: props.userId,
    },
  })

if (loading) return <LoadingIndicator />
  if (error)
    return (
      <GenericErrorPage
        imageUrl={errorShipUrl}
        errorSubject={I18n.t('Course Notification Settings initial query error')}
        errorCategory={I18n.t('Course Notification Settings Error Page')}
      />
    )

return (
    <CourseNotificationSettingsManager
      courseId={props.courseId}
      userId={props.userId}
      courseName={props.courseName || data?.courseLegacyNode?.name || I18n.t('Course')}
      enabled={data?.userLegacyNode?.notificationPreferencesEnabled}
      notificationPreferences={data?.userLegacyNode?.notificationPreferences}
    />
  )
}

CourseNotificationSettingsQuery.propTypes = {
  courseId: string.isRequired,
  courseName: string,
  userId: string.isRequired,
}

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📁 __tests__/	DIR	—	2023-09-24 03:39
📄 CourseNotificationSettingsManager.js	JS	2.7 KB	2023-09-24 03:39	EDIT
📄 CourseNotificationSettingsQuery.js	JS	2.2 KB	2023-09-24 03:39	EDIT
📄 index.js	JS	1.3 KB	2023-09-24 03:39	EDIT