function getControlElem()

in dialogflow-cx/vpc-sc-demo/frontend/src/StateButtonGrid.js [36:94]

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

function getControlElem(
  title,
  state,
  timeout,
  blocked_by_timeout,
  queryEndpoint,
  toggleEndpoint,
  blocked_by,
  liveMode,
  dataModel,
  pageMapper,
  pageNumber
) {
  let statusElem;
  let toggleStatusElem;
  if (liveMode) {
    statusElem = (
      <QueryPollStatus
        state={state}
        endpoint={queryEndpoint}
        timeout={timeout * TIMER_SCALE}
        blocked_by={blocked_by}
        blocked_by_timeout={blocked_by_timeout * TIMER_SCALE}
        dataModel={dataModel}
      />
    );
    toggleStatusElem = (
      <ExecuteToggleStatus
        state={state}
        endpoint={toggleEndpoint}
        timeout={timeout * TIMER_SCALE}
        blocked_by={blocked_by}
        blocked_by_timeout={blocked_by_timeout * TIMER_SCALE}
        dataModel={dataModel}
        pageMapper={pageMapper}
        pageNumber={pageNumber}
      />
    );
  } else {
    statusElem = <StatusTutorialMode state={state} />;
    toggleStatusElem = <ToggleStatusTutorialMode state={state} />;
  }

  return (
    <Grid container direction="row" columnSpacing={3} alignItems="center">
      <Grid item>
        <Item sx={{my: 0}} variant="string">
          {toggleStatusElem}
        </Item>
      </Grid>
      <Grid item sx={{width: 335}}>
        <Typography variant="body1" align="right">
          {title}
        </Typography>
      </Grid>
      <Grid item>{statusElem}</Grid>
    </Grid>
  );
}