function NetworkPanel()

in dialogflow-cx/vpc-sc-demo/frontend/src/AssetPollToggle.js [1055:1154]
100 lines of code
1 McCabe index (conditional complexity)

function NetworkPanel(props) {
  const project_id = props.dataModel.projectData.project_id.current;
  const region = props.dataModel.projectData.region.current;
  const bucket = getBucket(props.dataModel);
  return (
    <>
      <Grid container direction="row" justifyContent="space-between">
        <Typography variant="h6">VPC Resources:</Typography>
        <QueryToggleAsset
          target="module.vpc_network"
          dataModel={props.dataModel}
          enableAlert={false}
          includeNameBox={true}
          isModuleSwitch={true}
        />
      </Grid>
      <Divider sx={{my: 1}} orientation="horizontal" flexItem />
      <Grid container justifyContent="flex-end">
        <QueryToggleAsset
          name="VPC network"
          target="module.vpc_network.google_compute_network.vpc_network"
          dataModel={props.dataModel}
          href={networkLink(project_id)}
        />
        <QueryToggleAsset
          name="VPC subnetwork"
          target="module.vpc_network.google_compute_subnetwork.reverse_proxy_subnetwork"
          dataModel={props.dataModel}
          href={subnetworkLink(project_id, region)}
        />
        <QueryToggleAsset
          name="Router"
          target="module.vpc_network.google_compute_router.nat_router"
          dataModel={props.dataModel}
          href={routerLink(project_id, region)}
        />
        <QueryToggleAsset
          name="Router NAT"
          target="module.vpc_network.google_compute_router_nat.nat_manual"
          dataModel={props.dataModel}
          href={routerNATLink(project_id, region)}
        />
        <QueryToggleAsset
          name="Firewall: General"
          target="module.vpc_network.google_compute_firewall.allow"
          dataModel={props.dataModel}
          href={firewallLink('allow', project_id)}
        />
        <QueryToggleAsset
          name="Firewall: Dialogflow"
          target="module.vpc_network.google_compute_firewall.allow_dialogflow"
          dataModel={props.dataModel}
          href={firewallLink('allow-dialogflow', project_id)}
        />
        <QueryToggleAsset
          name="Address"
          target="module.vpc_network.google_compute_address.reverse_proxy_address"
          dataModel={props.dataModel}
          href={addressesLink(project_id)}
        />
        <QueryToggleAsset
          name="Artifact Registry"
          target="module.vpc_network.google_artifact_registry_repository.webhook_registry"
          dataModel={props.dataModel}
          href={registryLink(project_id, region)}
        />
        <QueryToggleAsset
          name="Server Source"
          target="module.vpc_network.google_storage_bucket_object.proxy_server_source"
          dataModel={props.dataModel}
          href={archiveLink(bucket, 'server.zip')}
        />
        <QueryToggleAsset
          name="Build History"
          target="module.vpc_network.google_cloudbuild_trigger.reverse_proxy_server"
          dataModel={props.dataModel}
          href={buildHistoryLink(project_id)}
        />
        <QueryToggleAsset
          name="Build Trigger"
          target="module.vpc_network.google_pubsub_topic.reverse_proxy_server_build"
          dataModel={props.dataModel}
          href={buildTriggerLink(project_id)}
        />
        <QueryToggleAsset
          name="Proxy Server"
          target="module.vpc_network.google_compute_instance.reverse_proxy_server"
          dataModel={props.dataModel}
          href={proxyServerLink(project_id, region)}
        />
        <QueryToggleAsset
          name="Service Identity"
          target="module.vpc_network.google_project_service_identity.dfsa"
          dataModel={props.dataModel}
          href={serviceIdentityLink(project_id)}
        />
      </Grid>
    </>
  );
}