WikiEducationFoundation/WikiEduDashboard

import React, { useState } from 'react';
import PropTypes from 'prop-types';
import List from '../common/list.jsx';
import Revision from './revision.jsx';
import CourseUtils from '../../utils/course_utils.js';
import ArticleUtils from '../../utils/article_utils.js';

const RevisionList = ({ revisions, course, sortBy, wikidataLabels, sort, loaded }) => {
  const [selectedIndex, setSelectedIndex] = useState(-1);

  const showDiff = (index) => {
    setSelectedIndex(index);
  };

  const elements = revisions.map((revision, index) => (
    <Revision
      revision={revision}
      key={revision.id}
      index={index}
      wikidataLabel={wikidataLabels[CourseUtils.removeNamespace(revision.title)]}
      course={course}
      setSelectedIndex={showDiff}
      lastIndex={revisions.length}
      selectedIndex={selectedIndex}
    />
  ));

  const keys = {
    rating_num: {
      label: I18n.t('revisions.class'),
      desktop_only: true
    },
    title: {
      label: I18n.t('revisions.title'),
      desktop_only: false
    },
    revisor: {
      label: I18n.t('revisions.edited_by'),
      desktop_only: true
    },
    characters: {
      label: I18n.t('revisions.chars_added'),
      desktop_only: true
    },
    references_added: {
      label: I18n.t('revisions.references'),
      desktop_only: true,
      info_key: `metrics.${ArticleUtils.projectSuffix(course.home_wiki.project, 'references_doc')}`
    },
    date: {
      label: I18n.t('revisions.date_time'),
      desktop_only: true,
      info_key: 'revisions.time_doc'
    }
  };
  if (sort.key) {
    const order = sort.sortKey ? 'asc' : 'desc';
    keys[sort.key].order = order;
  }

  // Until the revisions are loaded, we do not pass the none_message prop
  // This is done to avoid showing the none_message when the revisions are loading
  // initially because at that time the revisions is an empty array
  // Whether or not the revisions is really an empty array is confirmed after the revisions
  // are successfully loaded
  return (
    <List
      elements={elements}
      keys={keys}
      table_key="revisions"
      none_message={loaded ? CourseUtils.i18n('revisions_none', course.string_prefix) : ''}
      sortBy={sortBy}
      sortable={true}
    />
  );
};

RevisionList.propTypes = {
  revisions: PropTypes.array,
  course: PropTypes.object,
  sortBy: PropTypes.func,
  wikidataLabels: PropTypes.object,
  sort: PropTypes.object,
  loaded: PropTypes.bool
};

export default RevisionList;