Add Note (annotation) support to Observation resources. (#383)

src/components/resources/Observation/Observation.js

@@ -18,6 +18,7 @@ import {
 } from '../../ui';
 import Reference from '../../datatypes/Reference';
 import { getResourceDate } from '../../../utils/getResourceDate';
+import Annotation from "../../datatypes/Annotation";
 
 const Observation = ({
   fhirResource,
@@ -50,6 +51,9 @@ const Observation = ({
   let valueQuantityValueNumber = valueQuantityValue;
 
   const subject = _get(fhirResource, 'subject');
+  const note = _get(fhirResource, 'note');
+  const hasNote = Array.isArray(note);
+
   const tableData = [
     {
       label: 'Issued on',
@@ -71,6 +75,12 @@ const Observation = ({
       )),
       status: !_isEmpty(valueCodeableConceptCoding),
     },
+    {
+      label: 'Notes',
+      testId: 'hasNote',
+      data: hasNote && <Annotation fhirData={note} />,
+      status: hasNote,
+    },
   ];
 
   const observationDatesPaths = [

src/components/resources/Observation/Observation.test.js

@@ -132,6 +132,7 @@ describe('should render component correctly', () => {
     expect(getByTestId('issuedOn').textContent).toEqual('05/18/2016');
     expect(getByTestId('subject').textContent).toContain('Patient/infant');
     expect(queryByText(/373066001/g)).not.toBeNull();
+    expect(getByTestId('hasNote').textContent).toContain('Was exposed to second-hand smoke.');
   });
 
   test('should display not rounded value', () => {

src/fixtures/r4/resources/observation/example3.json

@@ -46,5 +46,10 @@
       }
     ],
     "text": "YES"
-  }
+  },
+  "note": [
+    {
+      "text": "Was exposed to second-hand smoke."
+    }
+  ]
 }