in src/components/delete/Delete.tsx [62:125]
function deleteForm() {
return (
<Box margin={{ bottom: "l" }} padding="l">
<CustomBreadCrumb items={[{ text: "Delete", href: "/delete" }]} />
<Container
header={
<Header
className="leftPadded"
variant="h2"
description=""
actions={
<SpaceBetween direction="horizontal" size="xl">
<Button
variant="primary"
disabled={!isResourceTypeValid || resourceId.length === 0}
onClick={async () => {
const result = await deleteResource(
resourceType,
resourceId
);
setApiResponse(result);
}}
loading={isDeletingResource}
>
Delete
</Button>
</SpaceBetween>
}
>
Delete Existing FHIR Resource
</Header>
}
>
<h3 className="deleteSubHeader">
You can delete an existing resource by providing the resource type
and ID below
</h3>
<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>
);
}