render()

in bindings/python/streetscape_avs/js/lib/streetscapegl/components/component.js [95:149]

• 52 lines of code
• 2 McCabe index (conditional complexity)

  render() {
    const {log, settings, panels} = this.state;
    const style = {
      container: {
        position: 'absolute',
        display: 'flex',
        width: '100%',
        height: '100%',
        overflow: 'hidden'
      },
      controlPanel: {
        position: 'relative',
        zIndex: '1',
        width: '25%',
        height: '100%',
        boxSizing: 'border-box',
        overflowX: 'hidden',
        overflowY: 'auto'
      },
      controlBar: {
        display: 'flex',
        flexDirection: 'row',
        height: '26px'
      },
      logPanel: {
        flexGrow: '1',
        display: 'flex',
        flexDirection: 'column',
        height: '100%'
      },
      mapView: {
        flexGrow: '1',
        position: 'relative'
      },
      timeline: {
      }
    };

    let logOptions = {};

    if (!this.props.mapboxAccessToken) {
      logOptions.showMap = false;
      logOptions.viewOptions = {
        clear: {
          color: [255, 255, 255, 255]
        }
      };
    }

    return (
      <div id="container" style={style['container']}>
        <div id="control-panel" style={style['controlPanel']}>
          <div id="control-bar" style={style['controlBar']}>
            <Recorder/>
            <Tooltip content={() => <span>Reload</span>}>