main-project/app/client/src/Components/Admin/ClassImporter.js
/**
   * HELPER METHOD
   * Generates the right pane view for the two-part modal,
   * which contains a more detailed report for the errors of the sheet selected.
   *
   * @return {[<div:JSX>]} The populated list sections of the right pane of this modal.
   */
HELPER METHOD
Generates the right pane view for the two-part modal,
which contains a more detailed report for the errors of the sheet selected.

@return {[]} The populated list sections of the right pane of this modal.
HELPER METHOD Generates the right pane view for the two - part modal which contains a more detailed report for the errors of the sheet selected . @return { [] } The populated list sections of the right pane of this modal .
_populateDescription() {
    if (!this.eLogKeys.includes(this.state.selectedItem)) {
      return (
        <p>
          No valid item selected
          <br />
          <i>Please select a sheet</i>
        </p>
      );
    }
    const fileListing = this.baseData["Invalid File Formats"][
      this.state.selectedItem
    ];
    const studentsListing = this.baseData.Students[this.state.selectedItem];
    const instructorsListing = this.baseData.Instructors[
      this.state.selectedItem
    ];
    const volunteersListing = this.baseData.Helpers[this.state.selectedItem];
    return (
      <div id="descViewAdv">
        <h4>File Errors:</h4>
        <div className="scrollableMIDisplay">
          {this._genSimpleList(!fileListing ? [] : [fileListing])}
        </div>
        <h4>Student Import Errors:</h4>
        <div className="scrollableMIDisplay">
          {this._genSimpleList(studentsListing)}
        </div>
        <h4>Instructor Import Errors:</h4>
        <div className="scrollableMIDisplay">
          {this._genSimpleList(instructorsListing)}
        </div>
        <h4>Volunteer Import Errors:</h4>
        <div className="scrollableMIDisplay">
          {this._genSimpleList(volunteersListing)}
        </div>
      </div>
    );
  }
_populateDescription ( ) { if ( ! this . eLogKeys . includes ( this . state . selectedItem ) ) { return ( < p > 
          No valid item selected
           < br / > < i > Please select a sheet < / i > < / p > ) ; } const fileListing = this . baseData [ "Invalid File Formats" ] [ this . state . selectedItem ] ; const studentsListing = this . baseData . Students [ this . state . selectedItem ] ; const instructorsListing = this . baseData . Instructors [ this . state . selectedItem ] ; const volunteersListing = this . baseData . Helpers [ this . state . selectedItem ] ; return ( < div id = "descViewAdv" > < h4 > File Errors: < / h4 > < div className = "scrollableMIDisplay" > { this . _genSimpleList ( ! fileListing ? [ ] : [ fileListing ] ) } < / div > < h4 > Student Import Errors: < / h4 > < div className = "scrollableMIDisplay" > { this . _genSimpleList ( studentsListing ) } < / div > < h4 > Instructor Import Errors: < / h4 > < div className = "scrollableMIDisplay" > { this . _genSimpleList ( instructorsListing ) } < / div > < h4 > Volunteer Import Errors: < / h4 > < div className = "scrollableMIDisplay" > { this . _genSimpleList ( volunteersListing ) } < / div > < / div > ) ; }
HELPER METHOD
 Generates the right pane view for the two-part modal,
 which contains a more detailed report for the errors of the sheet selected.
HELPER METHOD Generates the right pane view for the two - part modal which contains a more detailed report for the errors of the sheet selected .
// For invalid selections (& the default selection). /*
      Gets information based on state variable "selectedITem", set through a select box.
     */ /*
      For each of these, generates a report list. For more info, see previous function.
     */