function readForm()

in src/components/read/Read.tsx [62:121]
59 lines of code
2 McCabe index (conditional complexity)

  function readForm() {
    return (
      <Box margin={{ bottom: "l" }} padding="l">
        <CustomBreadCrumb items={[{ text: "Read", href: "/read" }]} />

        <Container
          header={
            <Header
              className="leftPadded"
              variant="h2"
              description=""
              actions={
                <SpaceBetween direction="horizontal" size="xl">
                  <Button
                    variant="primary"
                    loading={isReading}
                    disabled={!isResourceTypeValid || resourceId === ""}
                    onClick={async () => {
                      const result = await readResource(
                        resourceType,
                        resourceId
                      );
                      setApiResponse(result);
                    }}
                  >
                    Read
                  </Button>
                </SpaceBetween>
              }
            >
              Read Existing FHIR Resource
            </Header>
          }
        >
          <FormField
            description=""
            label="Resource Type"
            className="inputObjectFormField"
          >
            <ResourceTypeAutosuggest
              setResourceType={setResourceType}
              resourceType={resourceType}
              isResourceTypeValid={isResourceTypeValid}
            />
          </FormField>
          <FormField
            description=""
            label="Resource ID"
            className="inputObjectFormField"
          >
            <Input
              value={resourceId}
              onChange={(event) => setResourceId(event.detail.value)}
              placeholder="Enter resource ID"
            />
          </FormField>
        </Container>
      </Box>
    );
  }