Sign upLogin

unicef/magicbox-maps-prototype

View on GitHub
Star

Showing 9 of 9 total issues

Function componentDidMount has 118 lines of code (exceeds 25 allowed). Consider refactoring.
Open

  componentDidMount() {
    const map = new mapboxgl.Map({
      container: this.mapContainer,
      style: 'mapbox://styles/mapbox/streets-v9',
      center: [this.state.lng, this.state.lat],
Severity: Major
Found in src/App.js - About 4 hrs to fix

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

              <Section title="Region vulnerabilities">
                <InputGroup type="checkbox" name="region" group={[
                  { value: 'hdi',
                    label: 'Human Development Index' },
                  { value: 'pop',
    Severity: Major
    Found in src/App.js and 1 other location - About 2 hrs to fix
    src/App.js on lines 283..290

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

              <Section title="Region threats">
                <InputGroup type="checkbox" name="region" group={[
                  { value: 'threats_index',
                    label: 'Natural Disasters Index' },
                  { value: 'violence_index',
    Severity: Major
    Found in src/App.js and 1 other location - About 2 hrs to fix
    src/App.js on lines 291..298

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

      render() {
        return (
          <div className="App">
            <div>
              <div ref={el => this.mapContainer = el} className="mainMap" />
    Severity: Major
    Found in src/App.js - About 2 hrs to fix

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

                  <a onClick={(e) => {
                    this.ControlPanel.classList.add('controlPanel--hide')
                  }} className="controlPanel__header__toggleButton">
                    <i className="fas fa-bars" />
                  </a>
      Severity: Major
      Found in src/components/control-panel.jsx and 1 other location - About 1 hr to fix
      src/components/control-panel.jsx on lines 11..15

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

              <a onClick={(e) => {
                this.ControlPanel.classList.remove('controlPanel--hide')
              }} className="controlPanel__header__toggleButton controlPanel__header__toggleButton--closed">
                <i className="fas fa-bars" />
              </a>
      Severity: Major
      Found in src/components/control-panel.jsx and 1 other location - About 1 hr to fix
      src/components/control-panel.jsx on lines 19..23

      Function createChart has 31 lines of code (exceeds 25 allowed). Consider refactoring.
      Open

        createChart() {
          let ctx = this.canvasEl.getContext("2d");
          let totals = this.formatTotals(this.props.totals);
          let chart = new Chart(ctx,{
            type: 'pie',
      Severity: Minor
      Found in src/components/connectivity-chart.jsx - About 1 hr to fix

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

            Promise.all([schoolsPromise, mapLoadPromise]).then(([geojson, map]) => {
              map.getSource('schools').setData(geojson)
            })
        Severity: Minor
        Found in src/App.js and 1 other location - About 55 mins to fix
        src/App.js on lines 75..77

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

            Promise.all([shapesPromise, mapLoadPromise]).then(([geojson, map]) => {
              map.getSource('regions').setData(geojson)
            })
        Severity: Minor
        Found in src/App.js and 1 other location - About 55 mins to fix
        src/App.js on lines 80..82
        Severity
        Category
        Status
        Source
        Language