Modal added for notifications

ucfopen · Apr 30, 2024 · 2add759 · 2add759
1 parent 7c74f45
commit 2add759
Show file tree

Hide file tree

Showing 17 changed files with 744 additions and 31 deletions.
diff --git a/packages/app/obojobo-repository/server/routes/library.test.js b/packages/app/obojobo-repository/server/routes/library.test.js
@@ -13,6 +13,7 @@ jest.mock(
 	}),
 	{ virtual: true }
 )
+jest.mock('react-modal')
 
 jest.setTimeout(10000) // extend test timeout?
 

diff --git a/packages/app/obojobo-repository/shared/components/__snapshots__/dashboard.test.js.snap b/packages/app/obojobo-repository/shared/components/__snapshots__/dashboard.test.js.snap
@@ -79,6 +79,37 @@ exports[`Dashboard renders in MODE_RECENT with fewer modules than moduleCount, n
         </div>
       </div>
     </nav>
+    <mock-ReactModal
+      className="popup"
+      contentLabel="Notifications"
+      isOpen={false}
+      onRequestClose={[Function]}
+      overlayClassName="overlay"
+    >
+      <div
+        className="exit-container"
+      >
+        <button
+          className="exit-button"
+          onClick={[Function]}
+        >
+          X
+        </button>
+      </div>
+      <div
+        className="notification-container"
+      >
+        <div
+          className="notification-none"
+        >
+          <p
+            tabIndex="0"
+          >
+            That's all for now
+          </p>
+        </div>
+      </div>
+    </mock-ReactModal>
   </div>
   <div
     className="repository--section-wrapper--full-width repository--section-wrapper--grey default-bg"
@@ -316,6 +347,37 @@ exports[`Dashboard renders with default props 1`] = `
         </div>
       </div>
     </nav>
+    <mock-ReactModal
+      className="popup"
+      contentLabel="Notifications"
+      isOpen={false}
+      onRequestClose={[Function]}
+      overlayClassName="overlay"
+    >
+      <div
+        className="exit-container"
+      >
+        <button
+          className="exit-button"
+          onClick={[Function]}
+        >
+          X
+        </button>
+      </div>
+      <div
+        className="notification-container"
+      >
+        <div
+          className="notification-none"
+        >
+          <p
+            tabIndex="0"
+          >
+            That's all for now
+          </p>
+        </div>
+      </div>
+    </mock-ReactModal>
   </div>
   <div
     className="repository--section-wrapper--full-width repository--section-wrapper--grey default-bg"
@@ -535,6 +597,37 @@ exports[`Dashboard renders with mode = MODE_ALL 1`] = `
         </div>
       </div>
     </nav>
+    <mock-ReactModal
+      className="popup"
+      contentLabel="Notifications"
+      isOpen={false}
+      onRequestClose={[Function]}
+      overlayClassName="overlay"
+    >
+      <div
+        className="exit-container"
+      >
+        <button
+          className="exit-button"
+          onClick={[Function]}
+        >
+          X
+        </button>
+      </div>
+      <div
+        className="notification-container"
+      >
+        <div
+          className="notification-none"
+        >
+          <p
+            tabIndex="0"
+          >
+            That's all for now
+          </p>
+        </div>
+      </div>
+    </mock-ReactModal>
   </div>
   <div
     className="repository--section-wrapper--full-width repository--section-wrapper--grey default-bg"
@@ -787,6 +880,37 @@ exports[`Dashboard renders with mode = MODE_COLLECTION 1`] = `
         </div>
       </div>
     </nav>
+    <mock-ReactModal
+      className="popup"
+      contentLabel="Notifications"
+      isOpen={false}
+      onRequestClose={[Function]}
+      overlayClassName="overlay"
+    >
+      <div
+        className="exit-container"
+      >
+        <button
+          className="exit-button"
+          onClick={[Function]}
+        >
+          X
+        </button>
+      </div>
+      <div
+        className="notification-container"
+      >
+        <div
+          className="notification-none"
+        >
+          <p
+            tabIndex="0"
+          >
+            That's all for now
+          </p>
+        </div>
+      </div>
+    </mock-ReactModal>
   </div>
   <div
     className="repository--section-wrapper--full-width repository--section-wrapper--grey default-bg"
@@ -979,6 +1103,37 @@ exports[`Dashboard renders with mode = MODE_RECENT 1`] = `
         </div>
       </div>
     </nav>
+    <mock-ReactModal
+      className="popup"
+      contentLabel="Notifications"
+      isOpen={false}
+      onRequestClose={[Function]}
+      overlayClassName="overlay"
+    >
+      <div
+        className="exit-container"
+      >
+        <button
+          className="exit-button"
+          onClick={[Function]}
+        >
+          X
+        </button>
+      </div>
+      <div
+        className="notification-container"
+      >
+        <div
+          className="notification-none"
+        >
+          <p
+            tabIndex="0"
+          >
+            That's all for now
+          </p>
+        </div>
+      </div>
+    </mock-ReactModal>
   </div>
   <div
     className="repository--section-wrapper--full-width repository--section-wrapper--grey default-bg"