From bb875a5fc64e284b614732b567f39f158ec353b2 Mon Sep 17 00:00:00 2001
From: Nell Hardcastle <nell@dev-nell.com>
Date: Wed, 24 Jan 2024 11:31:32 -0800
Subject: [PATCH] fix(app): Display raw HTML in markdown instead of parsing to
 JSX

---
 .../src/scripts/dataset/components/MetaDataBlock.tsx      | 1 -
 .../openneuro-app/src/scripts/dataset/draft-container.tsx | 8 ++++++--
 .../scripts/dataset/fragments/edit-description-list.jsx   | 4 +++-
 .../src/scripts/dataset/routes/dataset-default.tsx        | 4 +++-
 .../src/scripts/dataset/routes/snapshot-default.tsx       | 2 +-
 5 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/packages/openneuro-app/src/scripts/dataset/components/MetaDataBlock.tsx b/packages/openneuro-app/src/scripts/dataset/components/MetaDataBlock.tsx
index 13417d0e82..43af1e7a9f 100644
--- a/packages/openneuro-app/src/scripts/dataset/components/MetaDataBlock.tsx
+++ b/packages/openneuro-app/src/scripts/dataset/components/MetaDataBlock.tsx
@@ -1,4 +1,3 @@
-import Markdown from "markdown-to-jsx"
 import React from "react"
 
 export interface MetaDataBlockProps {
diff --git a/packages/openneuro-app/src/scripts/dataset/draft-container.tsx b/packages/openneuro-app/src/scripts/dataset/draft-container.tsx
index 88183b540c..6f22d50709 100644
--- a/packages/openneuro-app/src/scripts/dataset/draft-container.tsx
+++ b/packages/openneuro-app/src/scripts/dataset/draft-container.tsx
@@ -311,7 +311,9 @@ const DraftContainer: React.FC<DraftContainerProps> = ({ dataset }) => {
                     description={description.Acknowledgements}
                     editMode={hasEdit}
                   >
-                    <Markdown>{description.Acknowledgements || "N/A"}</Markdown>
+                    <Markdown options={{ disableParsingRawHTML: true }}>
+                      {description.Acknowledgements || "N/A"}
+                    </Markdown>
                   </EditDescriptionField>
                 )}
               />
@@ -326,7 +328,9 @@ const DraftContainer: React.FC<DraftContainerProps> = ({ dataset }) => {
                     description={description.HowToAcknowledge}
                     editMode={hasEdit}
                   >
-                    <Markdown>{description.HowToAcknowledge || "N/A"}</Markdown>
+                    <Markdown options={{ disableParsingRawHTML: true }}>
+                      {description.HowToAcknowledge || "N/A"}
+                    </Markdown>
                   </EditDescriptionField>
                 )}
               />
diff --git a/packages/openneuro-app/src/scripts/dataset/fragments/edit-description-list.jsx b/packages/openneuro-app/src/scripts/dataset/fragments/edit-description-list.jsx
index 7e488215ba..ebb40301f8 100644
--- a/packages/openneuro-app/src/scripts/dataset/fragments/edit-description-list.jsx
+++ b/packages/openneuro-app/src/scripts/dataset/fragments/edit-description-list.jsx
@@ -46,7 +46,9 @@ const EditDescriptionList = ({
         <ul>
           {children.map((item, index) => (
             <li key={index}>
-              <Markdown>{item}</Markdown>
+              <Markdown options={{ disableParsingRawHTML: true }}>
+                {item}
+              </Markdown>
             </li>
           ))}
         </ul>
diff --git a/packages/openneuro-app/src/scripts/dataset/routes/dataset-default.tsx b/packages/openneuro-app/src/scripts/dataset/routes/dataset-default.tsx
index 385ef6bce2..8c2696e43d 100644
--- a/packages/openneuro-app/src/scripts/dataset/routes/dataset-default.tsx
+++ b/packages/openneuro-app/src/scripts/dataset/routes/dataset-default.tsx
@@ -28,7 +28,9 @@ export const DatasetDefault = ({ dataset, hasEdit }) => (
             expandLabel="Read More"
             collapseLabel="Collapse"
           >
-            <Markdown>{dataset.draft.readme || "N/A"}</Markdown>
+            <Markdown options={{ disableParsingRawHTML: true }}>
+              {dataset.draft.readme || "N/A"}
+            </Markdown>
           </ReadMore>
         </EditDescriptionField>
       )}
diff --git a/packages/openneuro-app/src/scripts/dataset/routes/snapshot-default.tsx b/packages/openneuro-app/src/scripts/dataset/routes/snapshot-default.tsx
index d4e496e0c9..33f018e500 100644
--- a/packages/openneuro-app/src/scripts/dataset/routes/snapshot-default.tsx
+++ b/packages/openneuro-app/src/scripts/dataset/routes/snapshot-default.tsx
@@ -14,7 +14,7 @@ export const SnapshotDefault = ({ dataset, snapshot }) => (
       heading="README"
       item={
         <ReadMore id="readme" expandLabel="Read More" collapseLabel="Collapse">
-          <Markdown>
+          <Markdown options={{ disableParsingRawHTML: true }}>
             {snapshot.readme == null ? "N/A" : snapshot.readme}
           </Markdown>
         </ReadMore>