Medplum

// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors // SPDX-License-Identifier: Apache-2.0 import { Button, Group, Modal, Text } from '@mantine/core'; import { useDisclosure } from '@mantine/hooks'; import { notifications } from '@mantine/notifications'; import { createReference, normalizeErrorString } from '@medplum/core'; import type { MedplumClient, PatchOperation } from '@medplum/core'; import type { Practitioner, Task } from '@medplum/fhirtypes'; import { useMedplum, useMedplumProfile } from '@medplum/react'; import { IconCircleCheck, IconCircleOff } from '@tabler/icons-react'; import type { JSX } from 'react'; interface ClaimTaskProps { readonly task: Task; readonly onChange: (updatedTask: Task) => void; } export function ClaimTask(props: ClaimTaskProps): JSX.Element { const medplum = useMedplum(); const currentUser = useMedplumProfile() as Practitioner; const [opened, { toggle, close }] = useDisclosure(false); const handleClaimTask = async (task: Task, medplum: MedplumClient, onChange: (task: Task) => void): Promise<void> => { const taskId = task.id as string; // Create a patch operation to update the owner to the current user. For more details on task assignment, see https://www.medplum.com/docs/careplans/tasks#task-assignment // We use a patch operation here to avoid race conditions. This ensures that if multiple users try to claim the task simultaneously, only one will be successful. const ops: PatchOperation[] = [ { op: 'test', path: '/meta/versionId', value: task.meta?.versionId }, { op: 'add', path: '/owner', value: createReference(currentUser) }, ]; // Patch the task with the current user as the new owner try { const result = await medplum.patchResource('Task', taskId, ops); notifications.show({ icon: <IconCircleCheck />, title: 'Success', message: 'Task claimed', }); onChange(result); } catch (error) { notifications.show({ color: 'red', icon: <IconCircleOff />, title: 'Error', message: normalizeErrorString(error), }); } close(); }; return ( <div> <Button fullWidth onClick={toggle}> Claim Task </Button> <Modal opened={opened} onClose={close}> <Text fw={700}>Are you sure you want to assign this task to yourself?</Text> <Group> <Button onClick={() => handleClaimTask(props.task, medplum, props.onChange)}>Claim</Button> <Button variant="outline">Cancel</Button> </Group> </Modal> </div> ); }