function SettingsPanel()

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

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

function SettingsPanel(props) {
  useEffect(
    () => {
      props.dataModel.refetchAssetStatus.set(true);
    },
    /* eslint-disable react-hooks/exhaustive-deps */
    []
    /* eslint-enable react-hooks/exhaustive-deps */
  );
  return (
    <div>
      <Grid container rowSpacing={2} direction="column" sx={{py: 2}}>
        <Grid item justifyContent="flex-start" alignItems="center">
          <QueryPrincipal dataModel={props.dataModel} />
        </Grid>
        <Grid item justifyContent="flex-start" alignItems="center">
          <SettingsField
            label="Project ID"
            dataModel={props.dataModel}
            projectDataField={'project_id'}
            colorField={'projectIdColor'}
          />
        </Grid>
        <Grid item justifyContent="flex-start" alignItems="center">
          <RegionField label="Region" dataModel={props.dataModel} />
        </Grid>
        <Grid item justifyContent="flex-start" alignItems="center">
          <SettingsField
            label="Access Policy Title"
            dataModel={props.dataModel}
            projectDataField={'accessPolicyTitle'}
            colorField={'accessPolicyTitleColor'}
          />
        </Grid>
      </Grid>
    </div>
  );
}