GladysProject/Gladys

Function render has 83 lines of code (exceeds 25 allowed). Consider refactoring.

Open

  render(props, { batteryLevel, loading, tooMuchStatesError, statesNumber }) {
    return (
      <div class="col-md-4">
        <div class="card">
          <div class="card-header">

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

Open

  deleteDevice = async () => {
    this.setState({ loading: true, tooMuchStatesError: false, statesNumber: undefined });
    try {
      await this.props.deleteDevice(this.props.device, this.props.deviceIndex);
    } catch (e) {

• Read up
  Read up

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

Open

                <div class="form-group">
                  <label>
                    <Text id="integration.xiaomi.device.roomLabel" />
                  </label>
                  <select onChange={this.updateRoom} class="form-control">

• Read up
  Read up

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

Open

                <div class="form-group">
                  <button onClick={this.saveDevice} class="btn btn-success mr-2">
                    <Text id="integration.xiaomi.device.saveButton" />
                  </button>
                  <button onClick={this.deleteDevice} class="btn btn-danger">

• Read up
  Read up

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

Open

  refreshDeviceProperty = () => {
    if (!this.props.device.features) {
      return null;
    }
    const batteryLevelDeviceFeature = this.props.device.features.find(

• Read up
  Read up

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

Open

  saveDevice = async () => {
    this.setState({ loading: true });
    try {
      await this.props.saveDevice(this.props.device);
    } catch (e) {

• Read up
  Read up