feat(strapi-cms): Adds support for using a modal header

Sefaria · Aug 9, 2023 · 05f1d34 · 05f1d34
1 parent 40d7d30
commit 05f1d34
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 15 deletions.
diff --git a/static/js/Misc.jsx b/static/js/Misc.jsx
@@ -2208,7 +2208,18 @@ const InterruptingMessage = ({
               </div>
               <div id="interruptingMessageContent">
                 <div id="highHolidayDonation">
-                  <InterfaceText markdown={replaceNewLinesWithLinebreaks(strapi.modal.modalText)} styleClasses={['line-break']} />
+                  {strapi.modal.modalHeader.en && (
+                    <h4 className="int-en">{strapi.modal.modalHeader.en}</h4>
+                  )}
+                  {strapi.modal.modalHeader.he && (
+                    <h4 className="int-he">{strapi.modal.modalHeader.he}</h4>
+                  )}
+                  <InterfaceText
+                    markdown={replaceNewLinesWithLinebreaks(
+                      strapi.modal.modalText
+                    )}
+                    styleClasses={["line-break"]}
+                  />
                   <div className="buttons">
                     <a
                       className="button int-en"
@@ -2227,9 +2238,9 @@ const InterruptingMessage = ({
                       target="_blank"
                       href={strapi.modal.buttonURL.he}
                       onClick={() => {
-                      closeModal("donate_button_clicked");
-                    }}
-                      >
+                        closeModal("donate_button_clicked");
+                      }}
+                    >
                       <span className="int-he">
                         {strapi.modal.buttonText.he}
                       </span>

diff --git a/static/js/ReaderApp.jsx b/static/js/ReaderApp.jsx
@@ -2183,9 +2183,6 @@ toggleSignUpModal(modalContentKind = SignUpModalKind.Default) {
     classDict[interfaceLangClass] = true;
     var classes = classNames(classDict);
 
-//    const strapi = useContext(StrapiDataContext);
-//    const { interruptingMessageModal } = useContext(StrapiDataContext);
-
     return (
       <StrapiDataProvider>
         <AdContext.Provider value={this.getUserContext()}>

diff --git a/static/js/context.js b/static/js/context.js
@@ -104,12 +104,14 @@ function StrapiDataProvider({ children }) {
                       locale
                       buttonText
                       buttonURL
+                      modalHeader
                       modalText
                     }
                   }
                 }
                 modalEndDate
                 modalStartDate
+                modalHeader
                 modalText
                 publishedAt
                 shouldDeployOnMobile
@@ -218,14 +220,17 @@ function StrapiDataProvider({ children }) {
                     });
                     modal.attributes.locales = ["en", "he"];
                   } else {
-                    ["modalText", "buttonText", "buttonURL"].forEach(
-                      (attribute) => {
-                        modal.attributes[attribute] = {
-                          en: modal.attributes[attribute],
-                          he: null,
-                        };
-                      }
-                    );
+                    [
+                      "modalHeader",
+                      "modalText",
+                      "buttonText",
+                      "buttonURL",
+                    ].forEach((attribute) => {
+                      modal.attributes[attribute] = {
+                        en: modal.attributes[attribute],
+                        he: null,
+                      };
+                    });
                     modal.attributes.locales = ["en"];
                   }
                   setModal(modal.attributes);