efcsydney/efcsydney-roster

File Popup.js has 368 lines of code (exceeds 300 allowed). Consider refactoring.

Invalid

/**
 * Example Usage
 *
 * <Popup
 *     data={selectedData}

Function renderForm has 145 lines of code (exceeds 100 allowed). Consider refactoring.

Open

  renderForm() {
    const { data } = this.state;
    const { isSaving, hasCompleted } = this.props;
    const name = _.get(data, 'name', '');
    const locale = _.get(data, 'locale', '');

Identical blocks of code found in 2 locations. Consider refactoring.

Open

export default withResource('services', (resource, state, ownProps) => {
  const selectedId = _.get(ownProps, 'data.id', 'creating');
  const data = _.get(resource, ['data', selectedId], {});

  const modifyStatus = _.get(resource, 'status.modify', {});

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  componentDidUpdate(prevProps, prevState) {
    const { data: prevData } = prevState;
    const { data, hasInitialized, hasCompleted, mode, onClose } = this.props;
    const isNew = mode === 'new';

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  render() {
    const { isLoading, mode, onClose } = this.props;
    const title = mode === 'new' ? 'Create Service' : 'Edit Service';

    return (

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

        <FormGroup
          label="Description Label"
          isRequired={true}
          helpText="Label for the first header column on the Quarter View">
          <StyledInput

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

  static propTypes = {
    data: PropTypes.object,
    mode: PropTypes.oneOf(['new', 'edit']).isRequired,
    isLoading: PropTypes.bool,
    hasCompleted: PropTypes.bool,

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Open

  handleChange = change => {
    let data = _.clone(this.state.data);

    _.forOwn(change, (change, key) => {
      data = set(data, key, change);

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Invalid

            <StyledSelect
              value={frequency}
              clearable={false}
              options={FREQUENCY_OPTIONS}
              placeholder="e.g. Sunday"

• Read up
  Read up

Similar blocks of code found in 2 locations. Consider refactoring.

Invalid

          <StyledSelect
            value={locale}
            clearable={false}
            options={LANGUAGE_OPTIONS}
            placeholder="e.g. English (Australia)"

• Read up
  Read up

Identical blocks of code found in 2 locations. Consider refactoring.

Open

        <FormRow align="center">
          <StateButton
            kind={buttonKind}
            type="submit"
            disabled={!isButtonEnabled}>

• Read up
  Read up