SWAMPy

✎ CARVE FLESH

EDITING: ChildChangeLog.js

/*
 * Copyright (C) 2017 - 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 {useScope as useI18nScope} from '@canvas/i18n'
import PropTypes from 'prop-types'

import React, {Component} from 'react'
import {connect} from 'react-redux'

import {Text} from '@instructure/ui-text'
import {Spinner} from '@instructure/ui-spinner'
import {PresentationContent} from '@instructure/ui-a11y-content'

import ChangeLogRow, {ChangeRow} from './ChangeLogRow'
import SyncHistoryItem from '@canvas/blueprint-courses/react/components/SyncHistoryItem'

import propTypes from '@canvas/blueprint-courses/react/propTypes'
import LoadStates from '@canvas/blueprint-courses/react/loadStates'

const I18n = useI18nScope('blueprint_coursesChildChangeLog')

export default class ChildChangeLog extends Component {
  static propTypes = {
    status: PropTypes.oneOf(LoadStates.statesList),
    migration: propTypes.migration,
  }

static defaultProps = {
    migration: null,
    status: null,
  }

renderLoading() {
    if (this.props.status && LoadStates.isLoading(this.props.status)) {
      const title = I18n.t('Loading Change Log')
      return (
        <div className="bcc__change-log__loading" style={{textAlign: 'center'}}>
          <Spinner renderTitle={title} />
          <PresentationContent>
            <Text as="p">{title}</Text>
          </PresentationContent>
        </div>
      )
    }

return null
  }

renderChanges() {
    const {migration} = this.props
    if (migration) {
      return (
        <SyncHistoryItem
          migration={migration}
          heading={
            <ChangeLogRow
              isHeading={true}
              col1={I18n.t('Learning Object')}
              col2={I18n.t('Object Type')}
              col3={I18n.t('Change Applied')}
              col4={I18n.t('Applied')}
            />
          }
          ChangeComponent={ChangeRow}
        />
      )
    }

return null
  }

render() {
    return <div className="bcc__change-log">{this.renderLoading() || this.renderChanges()}</div>
  }
}

const connectState = state => ({
  status: state.selectedChangeLog && state.changeLogs[state.selectedChangeLog].status,
  migration: state.selectedChangeLog && state.changeLogs[state.selectedChangeLog].data,
})
const connectActions = () => ({})
export const ConnectedChildChangeLog = connect(connectState, connectActions)(ChildChangeLog)

CANCEL

Name	Type	Size	Modified	Actions
↩ ..	DIR	—	—
📄 ChangeLogRow.js	JS	3.7 KB	2023-09-24 03:39	EDIT
📄 ChildChangeLog.js	JS	2.9 KB	2023-09-24 03:39	EDIT
📄 ChildContent.js	JS	3.7 KB	2023-09-24 03:39	EDIT
📄 MasterChildStack.js	JS	2.3 KB	2023-09-24 03:39	EDIT