SWAMPy

✎ CARVE FLESH

EDITING: GradebookMenu.tsx

/*
 * Copyright (C) 2021 - 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 React from 'react'
// @ts-expect-error
import {IconMiniArrowDownSolid} from '@instructure/ui-icons'
import {Link} from '@instructure/ui-link'
import {Menu} from '@instructure/ui-menu'
import {useScope as useI18nScope} from '@canvas/i18n'

const I18n = useI18nScope('gradebook')

// Doing this to avoid TS2339 errors. Remove once we're on InstUI 8
const {Group, Item, Separator} = Menu as any

const activeLabels = {
  DefaultGradebook: I18n.t('Gradebook'),
  DefaultGradebookLearningMastery: I18n.t('Learning Mastery Grade Book'),
  GradebookHistory: I18n.t('Gradebook History'),
  IndividualGradebook: I18n.t('Individual Gradebook'),
  EnhancedIndividualGradebook: I18n.t('Enhanced Individual Gradebook'),
}

type Props = {
  courseUrl: string
  learningMasteryEnabled?: boolean
  enhancedIndividualGradebookEnabled?: boolean
  variant: GradiantVariantName
}

export default function GradebookMenu({
 courseUrl,
 learningMasteryEnabled,
 enhancedIndividualGradebookEnabled,
 variant,
}: Props) {
 return (
 <Menu
 trigger={
 <Link isWithinText={false} as="button">
 {activeLabels[variant]} <IconMiniArrowDownSolid />
 </Link>
 }
 >
 <Group selected={[variant]} onSelect={() => {}} label={I18n.t('Change Gradebook view')}>
 <Item
 href={`${courseUrl}/gradebook/change_gradebook_version?version=gradebook`}
 value="DefaultGradebook"
 >
 {I18n.t('Traditional Gradebook')}
 </Item>

{learningMasteryEnabled && (
 <Item
 href={`${courseUrl}/gradebook?view=learning_mastery`}
 value="DefaultGradebookLearningMastery"
 >
 {I18n.t('Learning Mastery')}
 </Item>
 )}

<Item
 href={`${courseUrl}/gradebook/change_gradebook_version?version=individual`}
 value="IndividualGradebook"
 >
 {I18n.t('Individual Gradebook')}
 </Item>

{enhancedIndividualGradebookEnabled && (
 <Item
 href={`${courseUrl}/gradebook/change_gradebook_version?version=individual_enhanced`}
 value="EnhancedIndividualGradebook"
 >
 
 {I18n.t('Enhanced Individual Gradebook')}
 
 </Item>
 )}

<Item href={`${courseUrl}/gradebook/history`} value="GradebookHistory">
 {I18n.t('Gradebook History')}
 </Item>
 </Group>
 </Menu>
 )
}

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📁 __tests__/	DIR	—	2023-09-24 03:39
📄 GradebookMenu.tsx	TSX	3.5 KB	2023-09-24 03:39	EDIT