Medplum

// SPDX-FileCopyrightText: Copyright Orangebot, Inc. and Medplum contributors
// SPDX-License-Identifier: Apache-2.0
import { Table } from '@mantine/core';
import { formatCodeableConcept, formatDate } from '@medplum/core';
import type { MedicationRequest } from '@medplum/fhirtypes';
import type { JSX } from 'react';
import { useNavigate } from 'react-router';
import { PrescriptionActionButton } from './PrescriptionActions';

interface PrescriptionRowProps {
  prescription: MedicationRequest;
  onChange: (prescription: MedicationRequest) => void;
}

export function PrescriptionRow(props: PrescriptionRowProps): JSX.Element {
  const navigate = useNavigate();
  const date = props.prescription.authoredOn ? formatDate(props.prescription.authoredOn) : 'unknown';

  return (
    <Table.Tr onClick={() => navigate(`/MedicationRequest/${props.prescription.id}`)?.catch(console.error)}>
      <Table.Td>{formatCodeableConcept(props.prescription.medicationCodeableConcept)}</Table.Td>
      <Table.Td>{date}</Table.Td>
      <Table.Td>{props.prescription.status}</Table.Td>
      <Table.Td>
        <PrescriptionActionButton prescription={props.prescription} onChange={props.onChange} />
      </Table.Td>
    </Table.Tr>
  );
}