Medplum

// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors // SPDX-License-Identifier: Apache-2.0 import { Button, Modal } from '@mantine/core'; import { useDisclosure } from '@mantine/hooks'; import { showNotification } from '@mantine/notifications'; import { getQuestionnaireAnswers, normalizeErrorString } from '@medplum/core'; import type { PatchOperation } from '@medplum/core'; import type { CodeableConcept, Communication, Questionnaire, QuestionnaireResponse } from '@medplum/fhirtypes'; import { QuestionnaireForm, useMedplum } from '@medplum/react'; import { IconCircleCheck, IconCircleOff } from '@tabler/icons-react'; import type { JSX } from 'react'; interface EditTopicThreadProps { readonly communication: Communication; readonly onChange: (communication: Communication) => void; } export function EditThreadTopic({ communication, onChange }: EditTopicThreadProps): JSX.Element { const medplum = useMedplum(); const [opened, handlers] = useDisclosure(false); function onQuestionnaireSubmit(formData: QuestionnaireResponse): void { const newTopic = getQuestionnaireAnswers(formData)['edit-topic'].valueString; if (!newTopic) { throw new Error('Please enter a new topic'); } handleTopicUpdate(newTopic).catch(console.error); handlers.close(); } async function handleTopicUpdate(newTopic: string): Promise<void> { const communicationId = communication.id as string; // Create a codeable concept for the topic const topicCodeable: CodeableConcept = { coding: [ { display: newTopic, }, ], }; // Add a topic or replace the previous topic const ops: PatchOperation[] = [ { op: 'test', path: '/meta/versionId', value: communication.meta?.versionId }, { op: communication.topic ? 'replace' : 'add', path: '/topic', value: topicCodeable }, ]; try { // Update the thread const result = await medplum.patchResource(communication.resourceType, communicationId, ops); showNotification({ icon: <IconCircleCheck />, title: 'Success', message: 'Topic updated.', }); onChange(result); } catch (err) { showNotification({ icon: <IconCircleOff />, title: 'Error', message: normalizeErrorString(err), }); } } return ( <div> <Button fullWidth onClick={handlers.toggle}> Edit Topic </Button> <Modal opened={opened} onClose={handlers.close} title="Edit Topic"> <QuestionnaireForm questionnaire={editTopicQuestionnaire} onSubmit={onQuestionnaireSubmit} /> </Modal> </div> ); } const editTopicQuestionnaire: Questionnaire = { resourceType: 'Questionnaire', status: 'active', id: 'edit-thread-topic', item: [ { linkId: 'edit-topic', type: 'string', text: 'Edit Thread Topic', required: true, }, ], };