From 4fc425b286efba913adc2da1c22f7ed1cb25587f Mon Sep 17 00:00:00 2001
From: SleeplessOne1917 <28871516+SleeplessOne1917@users.noreply.github.com>
Date: Sat, 13 Apr 2024 20:59:02 -0400
Subject: [PATCH] Make modal use markdown

---
 .../components/common/adult-consent-modal.tsx  | 18 ++++++++++++++----
 src/shared/components/home/site-form.tsx       |  1 +
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/shared/components/common/adult-consent-modal.tsx b/src/shared/components/common/adult-consent-modal.tsx
index e9d8f1ac..4519b502 100644
--- a/src/shared/components/common/adult-consent-modal.tsx
+++ b/src/shared/components/common/adult-consent-modal.tsx
@@ -3,6 +3,7 @@ import { modalMixin } from "../mixins/modal-mixin";
 import { adultConsentLocalStorageKey } from "../../config";
 import { setIsoData } from "@utils/app";
 import { IsoDataOptionalSite } from "../../interfaces";
+import { mdToHtml } from "../../markdown";
 
 interface AdultConsentModalProps {
   contentWarning: string;
@@ -29,11 +30,20 @@ class AdultConsentModalInner extends Component<AdultConsentModalProps, any> {
         data-bs-backdrop="static"
         ref={this.modalDivRef}
       >
-        <div className="modal-dialog modal-fullscreen-sm-down">
+        <div
+          className="modal-dialog modal-fullscreen-sm-down"
+          data-bs-backdrop="static"
+        >
           <div className="modal-content">
-            <div className="modal-body text-center align-middle text-body">
-              {contentWarning}
-            </div>
+            <header className="modal-header">
+              <h3 className="modal-title">Content Warning</h3>
+            </header>
+            <div
+              className="modal-body text-center align-middle text-body"
+              dangerouslySetInnerHTML={mdToHtml(contentWarning, () =>
+                this.forceUpdate(),
+              )}
+            />
             <footer className="modal-footer">
               <button
                 type="button"
diff --git a/src/shared/components/home/site-form.tsx b/src/shared/components/home/site-form.tsx
index d485d5f3..8186ed3f 100644
--- a/src/shared/components/home/site-form.tsx
+++ b/src/shared/components/home/site-form.tsx
@@ -86,6 +86,7 @@ export class SiteForm extends Component<SiteFormProps, SiteFormState> {
       allowed_instances: this.props.allowedInstances?.map(i => i.domain),
       blocked_instances: this.props.blockedInstances?.map(i => i.domain),
       blocked_urls: this.props.siteRes.blocked_urls.map(u => u.url),
+      content_warning: this.props.siteRes.site_view.site.content_warning,
     };
   }