function SettingsPanelWithSpinner()

in dialogflow-cx/vpc-sc-demo/frontend/src/SettingsPanel.js [143:213]

• 71 lines of code
• 1 McCabe index (conditional complexity)

function SettingsPanelWithSpinner(props) {
  return (
    <>
      <Grid
        container
        direction="column"
        justifyContent="space-between"
        alignItems="center"
        sx={{height: 622}}
      >
        <Grid item>
          <Grid container direction="row" sx={{pl: 2, width: 360}}>
            <Paper sx={{width: 350}} variant="string">
              <Grid
                container
                direction="row"
                justifyContent="space-between"
                sx={{pt: 2}}
              >
                <Grid item>
                  <Typography variant="h5">All Project Resources:</Typography>
                </Grid>
                <Grid item>
                  <QueryToggleAsset
                    target="all"
                    dataModel={props.dataModel}
                    enableAlert={true}
                    includeNameBox={true}
                    isModuleSwitch={true}
                  />
                </Grid>
              </Grid>
              <Grid
                container
                direction="row"
                justifyContent="space-between"
                alignItems="center"
              >
                <Typography variant="body1">Invert menu switches:</Typography>
                <InvertMenuSwitchesCheckbox
                  dataModel={props.dataModel}
                  sx={{pr: 2}}
                />
              </Grid>
              <Grid
                container
                direction="row"
                justifyContent="space-between"
                alignItems="center"
              >
                <Typography variant="body1">
                  Show &quot;APIs & Services&quot; panel:
                </Typography>
                <ShowServicesPanelCheckbox
                  dataModel={props.dataModel}
                  sx={{pr: 2}}
                />
              </Grid>
            </Paper>
            <Grid item sx={{pt: 3}}>
              <RefreshStateSpinner dataModel={props.dataModel} />
            </Grid>
          </Grid>
        </Grid>
        <Grid item>
          <SettingsPanel dataModel={props.dataModel} />
        </Grid>
      </Grid>
    </>
  );
}