From 05877ad4436a4c09926e63ba05ea4c32b0da770d Mon Sep 17 00:00:00 2001
From: Philippe Parage <philippe.parage@nc3.lu>
Date: Wed, 22 May 2024 14:38:18 +0200
Subject: [PATCH 1/5] Obsolete .replace functions

---
 src/utils/article.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/utils/article.jsx b/src/utils/article.jsx
index dff65ab..4c86e69 100644
--- a/src/utils/article.jsx
+++ b/src/utils/article.jsx
@@ -26,7 +26,7 @@ export function getContentFromBlock(b) {
 	} else if (b.type === "FRAME") {
 		if (b.content !== null) {
 			// Sanitize and validate the content as a URL
-			const sanitizedContent = dompurify.sanitize(b.content.replace("&lt;", "<").replace("&gt;", ">"));
+			const sanitizedContent = dompurify.sanitize(b.content);
 
 			// Create the iframe element directly
 			el = <div className='content-media'>

From 8a30c7c018f8fe33ecd98e69f987dc9135f20931 Mon Sep 17 00:00:00 2001
From: Philippe Parage <philippe.parage@nc3.lu>
Date: Wed, 22 May 2024 16:07:24 +0200
Subject: [PATCH 2/5] Revert change

---
 src/utils/article.jsx | 18 ++++++------------
 1 file changed, 6 insertions(+), 12 deletions(-)

diff --git a/src/utils/article.jsx b/src/utils/article.jsx
index 4c86e69..4bea45a 100644
--- a/src/utils/article.jsx
+++ b/src/utils/article.jsx
@@ -25,19 +25,13 @@ export function getContentFromBlock(b) {
 		}
 	} else if (b.type === "FRAME") {
 		if (b.content !== null) {
-			// Sanitize and validate the content as a URL
-			const sanitizedContent = dompurify.sanitize(b.content);
-
-			// Create the iframe element directly
 			el = <div className='content-media'>
-				<iframe
-					width="560"
-					height="315"
-					src={sanitizedContent}
-					frameBorder="0"
-					allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
-					allowFullScreen
-				></iframe>
+				<div dangerouslySetInnerHTML={
+					{
+						__html:
+						b.content.replace("&lt;", "<").replace("&gt;", ">"),
+					}
+				} />
 			</div>;
 		}
 	}

From 3c35df254127d71550c34c150e9c3bb406433b64 Mon Sep 17 00:00:00 2001
From: Philippe Parage <philippe.parage@nc3.lu>
Date: Wed, 29 May 2024 16:56:43 +0200
Subject: [PATCH 3/5] Immediate Support button fix

---
 src/component/bar/Menu.jsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/component/bar/Menu.jsx b/src/component/bar/Menu.jsx
index 65e0f25..2578d27 100644
--- a/src/component/bar/Menu.jsx
+++ b/src/component/bar/Menu.jsx
@@ -306,13 +306,11 @@ export default class Menu extends React.Component {
 							<div className="separator"/>
 							<div className="split-bar"/>
 
-							<button
-								className="red small"
-								href={getPrivateAppURL()}
-								onClick={() => this.props.history.push("support")}
+							<a className="red small"
+								href="/support"
 							>
 								IMMEDIATE SUPPORT
-							</button>
+							</a>
 						</Nav>
 					</Navbar.Collapse>
 				</Navbar>

From 5cd1add8f83a4d7f47fa8d039520475cae72767f Mon Sep 17 00:00:00 2001
From: Philippe Parage <philippe.parage@nc3.lu>
Date: Wed, 29 May 2024 17:03:51 +0200
Subject: [PATCH 4/5] Fixing button design

---
 src/component/bar/Menu.css | 2 +-
 src/component/bar/Menu.jsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/component/bar/Menu.css b/src/component/bar/Menu.css
index be44cb5..44b08ad 100644
--- a/src/component/bar/Menu.css
+++ b/src/component/bar/Menu.css
@@ -214,7 +214,7 @@
         width: 100%;
     }
 
-    .Menu .top-right-bar button {
+    .Menu .top-right-bar .immediate {
         margin: 16px auto;
         width: fit-content;
     }
diff --git a/src/component/bar/Menu.jsx b/src/component/bar/Menu.jsx
index 2578d27..cd0697e 100644
--- a/src/component/bar/Menu.jsx
+++ b/src/component/bar/Menu.jsx
@@ -306,7 +306,7 @@ export default class Menu extends React.Component {
 							<div className="separator"/>
 							<div className="split-bar"/>
 
-							<a className="red small"
+							<a className="red small immediate"
 								href="/support"
 							>
 								IMMEDIATE SUPPORT

From 93a4532471ce91ce41e1d43c6f81f0c0d22b12fc Mon Sep 17 00:00:00 2001
From: Philippe Parage <philippe.parage@nc3.lu>
Date: Fri, 31 May 2024 09:08:14 +0200
Subject: [PATCH 5/5] Button Design fix

---
 src/component/bar/Menu.css | 21 +++++++++++++++++++++
 src/component/bar/Menu.jsx |  9 ++++-----
 2 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/src/component/bar/Menu.css b/src/component/bar/Menu.css
index 44b08ad..d257594 100644
--- a/src/component/bar/Menu.css
+++ b/src/component/bar/Menu.css
@@ -217,6 +217,27 @@
     .Menu .top-right-bar .immediate {
         margin: 16px auto;
         width: fit-content;
+        box-sizing: border-box;
+
+        /* Auto layout */
+
+        flex-direction: row;
+        align-items: center;
+
+        padding: 16px 24px;
+        gap: 19px;
+        position: relative;
+        font-size: 16px;
+        line-height: 150%;
+        color: var(--text-neutral-0);
+
+        background: var(--accent-blue);
+        border: 1px solid var(--accent-blue) --primary-blue-100;
+
+        /* Button drop shadow */
+
+        box-shadow: 0 0 20px rgba(0, 0, 0, 0.08);
+        border-radius: 200px;
     }
 
     .Menu .split-bar {
diff --git a/src/component/bar/Menu.jsx b/src/component/bar/Menu.jsx
index cd0697e..c55219f 100644
--- a/src/component/bar/Menu.jsx
+++ b/src/component/bar/Menu.jsx
@@ -305,11 +305,10 @@ export default class Menu extends React.Component {
 
 							<div className="separator"/>
 							<div className="split-bar"/>
-
-							<a className="red small immediate"
-								href="/support"
-							>
-								IMMEDIATE SUPPORT
+							<a href="/support">
+								<button className="red small">
+									IMMEDIATE SUPPORT
+								</button>
 							</a>
 						</Nav>
 					</Navbar.Collapse>