code: function WeekdayBoxes(props) {
    // Don't render anything if the class is online.
    if (props.section.online) {
      return null;
    }
  
  
    // Calculate the "Meets on Tuesday, Friday" or "No Meetings found" string that hovers over the weekday boxes
    const meetingDays = props.section.getWeekDaysAsStringArray();
    let meetingString;
    if (meetingDays.length === 0) {
      meetingString = 'No Meetings found';
    } else {
      meetingString = `Meets on ${meetingDays.join(', ')}`;
    }
  
    // Calculate the weekday boxes eg [][x][][][x] for Tuesday Friday
    let booleans = props.section.getWeekDaysAsBooleans();
    if (!props.section.meetsOnWeekends()) {
      booleans = booleans.slice(1, 6);
    }
  
    const booleanElements = booleans.map((meets, index) => {
      return (
        <div
          key={ index } // eslint-disable-line react/no-array-index-key
          className={ `weekday-box${meets ? ' weekday-box-checked' : ''}` }
        />
      );
    });
  
  
    return (
      <div className='weekday-indicator' data-tip={ meetingString }>
        {booleanElements}
      </div>
    );
  }
docs: This file is responsible for the weekday boxes, eg [][x][][][x] for Tuesday Friday And the string that appears when you hover over it (Meets on Tuesday, Friday)