fhir-react/src/components/resources/CarePlan/CarePlanActivity.js

React component library for displaying FHIR Resources

import React from 'react';
import PropTypes from 'prop-types';
import Coding from '../../datatypes/Coding';

const CarePlanActivity = props => {
  const { title = '', hasCategories, categories } = props.fhirData;
  return (
    <div className="fhir-resource__CarePlan__activity">
      <div className="fhir-resource__CarePlan__activity-title">{title}</div>
      {hasCategories &&
        categories.map((coding, i) => (
          <Coding key={`item-${i}`} fhirData={coding} />
        ))}
    </div>
  );
};

CarePlanActivity.propTypes = {
  fhirData: PropTypes.shape({
    title: PropTypes.string,
    hasCategories: PropTypes.bool.isRequired,
    categories: PropTypes.array,
  }),
};

export default CarePlanActivity;