function ServiceDirectoryPanel()

in dialogflow-cx/vpc-sc-demo/frontend/src/AssetPollToggle.js [1156:1200]

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

function ServiceDirectoryPanel(props) {
  const project_id = props.dataModel.projectData.project_id.current;
  const region = props.dataModel.projectData.region.current;
  return (
    <>
      <Grid container direction="row" justifyContent="space-between">
        <Typography variant="h6">Service Directory:</Typography>
        <QueryToggleAsset
          target="module.service_directory"
          dataModel={props.dataModel}
          enableAlert={false}
          includeNameBox={true}
          isModuleSwitch={true}
        />
      </Grid>
      <Divider sx={{my: 1}} orientation="horizontal" flexItem />
      <Grid container justifyContent="flex-end">
        <QueryToggleAsset
          name="Namespace"
          target="module.service_directory.google_service_directory_namespace.reverse_proxy"
          dataModel={props.dataModel}
          href={namespaceLink(project_id, region)}
        />
        <QueryToggleAsset
          name="Service"
          target="module.service_directory.google_service_directory_service.reverse_proxy"
          dataModel={props.dataModel}
          href={serviceLink(project_id, region)}
        />
        <QueryToggleAsset
          name="Endpoint"
          target="module.service_directory.google_service_directory_endpoint.reverse_proxy"
          dataModel={props.dataModel}
          href={endpointLink(project_id, region)}
        />
        <QueryToggleAsset
          name="Service Perimeter"
          target="module.service_perimeter.google_access_context_manager_service_perimeter.service_perimeter[0]"
          dataModel={props.dataModel}
          href={servicePerimeterLink(project_id, region)}
        />
      </Grid>
    </>
  );
}