feat: display narrative for resources in CardContent

src/features/conditions/ConditionCard.tsx

@@ -8,6 +8,7 @@ import { useTranslation } from "react-i18next";
 import DateInfo from "common/components/DateInfo";
 import Tag from "common/components/Tag";
 import ResourceCardActions from "features/resources/ResourceCardActions";
+import ResourceCardContent from "features/resources/ResourceCardContent";
 import { getResourceTagValues } from "features/resources/utils";
 import { TERMINOLOGY_SYSTEM_URL } from "models/constants";
 
@@ -64,6 +65,7 @@ const ConditionCard = ({ condition }: ConditionCardProps): JSX.Element => {
           </div>
         }
       />
+      <ResourceCardContent resource={condition} />
       {softwareName && (
         <CardContent>
           <Typography variant="caption">

src/features/documentReferences/DocumentReferenceCard.tsx

@@ -8,6 +8,7 @@ import { useTranslation } from "react-i18next";
 import DateInfo from "common/components/DateInfo";
 import Tag from "common/components/Tag";
 import ResourceCardActions from "features/resources/ResourceCardActions";
+import ResourceCardContent from "features/resources/ResourceCardContent";
 import { TERMINOLOGY_SYSTEM_URL } from "models/constants";
 
 const useStyles = makeStyles((theme) => ({
@@ -47,6 +48,7 @@ const DocumentReferenceCard = ({
           </div>
         }
       />
+      <ResourceCardContent resource={documentReference} />
       {softwareName && (
         <CardContent>
           <Typography variant="caption">

src/features/encounters/EncounterCard.tsx

@@ -8,6 +8,7 @@ import { useTranslation } from "react-i18next";
 import DateInfo from "common/components/DateInfo";
 import Tag from "common/components/Tag";
 import ResourceCardActions from "features/resources/ResourceCardActions";
+import ResourceCardContent from "features/resources/ResourceCardContent";
 import { getResourceTagValues } from "features/resources/utils";
 import { TERMINOLOGY_SYSTEM_URL } from "models/constants";
 
@@ -53,6 +54,7 @@ const EncounterCard = ({ encounter }: EncounterCardProps): JSX.Element => {
           </div>
         }
       />
+      <ResourceCardContent resource={encounter} />
       {softwareName && (
         <CardContent>
           <Typography variant="caption">

src/features/resources/ResourceCard.tsx

@@ -11,6 +11,7 @@ import EncounterCard from "features/encounters/EncounterCard";
 import { DomainResourceList } from "models/types";
 
 import ResourceCardActions from "./ResourceCardActions";
+import ResourceCardContent from "./ResourceCardContent";
 import { getResourceTagValues } from "./utils";
 
 const useStyles = makeStyles((theme) => ({
@@ -55,6 +56,7 @@ const ResourceCard = ({ resource }: ResourceCardProps): JSX.Element => {
                 </div>
               }
             />
+            <ResourceCardContent resource={resource} />
             <ResourceCardActions resource={resource} />
           </Card>
         );

src/features/resources/ResourceCardContent.tsx

@@ -0,0 +1,26 @@
+import React from "react";
+
+import { CardContent } from "@mui/material";
+
+import InnterHTMLDiv from "common/components/InnerHTMLDiv";
+import type { DomainResourceList } from "models/types";
+
+type ResourceCardContentProps = {
+  resource: DomainResourceList;
+};
+
+const ResourceCardContent = ({
+  resource,
+}: ResourceCardContentProps): JSX.Element => {
+  return (
+    <>
+      {resource.text?.div && (
+        <CardContent>
+          <InnterHTMLDiv innerHTML={resource.text.div} />
+        </CardContent>
+      )}
+    </>
+  );
+};
+
+export default ResourceCardContent;