From 9618e41ba6edc1005c7ecede2c64262dd8800155 Mon Sep 17 00:00:00 2001
From: Erkki Halinen <erkki-eemeli.halinen@cgi.com>
Date: Mon, 19 Jun 2023 17:12:21 +0300
Subject: [PATCH 1/2] Add WARN log message filter, tweak styling

---
 .../components/HelmetProject/RunLog/RunLog.css     |  8 +++++---
 .../components/HelmetProject/RunLog/RunLog.jsx     | 14 ++++++++++++++
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/HelmetProject/RunLog/RunLog.css b/src/renderer/components/HelmetProject/RunLog/RunLog.css
index 43177980..55cee8a1 100644
--- a/src/renderer/components/HelmetProject/RunLog/RunLog.css
+++ b/src/renderer/components/HelmetProject/RunLog/RunLog.css
@@ -39,12 +39,14 @@
 
 .Log__header-controls {
     display: flex;
-    justify-content: space-between;
+    justify-content: space-around;
+    align-content: center;
+    width: 100%;
 }
 
 .Log__header-control {
-    margin-right: 10px;
-    width: 100%;
+    max-width: 25%;
+    margin: .25rem;
 }
 .Log__header-control--on {
     background-color: #007AC9;
diff --git a/src/renderer/components/HelmetProject/RunLog/RunLog.jsx b/src/renderer/components/HelmetProject/RunLog/RunLog.jsx
index 62bc80b7..e85e13d6 100644
--- a/src/renderer/components/HelmetProject/RunLog/RunLog.jsx
+++ b/src/renderer/components/HelmetProject/RunLog/RunLog.jsx
@@ -4,6 +4,7 @@ const RunLog = ({isScenarioRunning, entries, closeRunLog}) => {
 
   const [showUIEVENT, setShowUIEVENT] = useState(true);
   const [showINFO, setShowINFO] = useState(true);
+  const [showWARN, setShowWARN] = useState(true);
   const [showERROR, setShowERROR] = useState(true);
   const [showDEBUG, setShowDEBUG] = useState(false);
 
@@ -33,6 +34,11 @@ const RunLog = ({isScenarioRunning, entries, closeRunLog}) => {
           >
             ERROR
           </button>
+          <button className={"Log__header-control" + (showWARN ? " Log__header-control--on" : "")}
+                  onClick={(e) => setShowWARN(prevState => !prevState)}
+          >
+            WARNING
+          </button>
           <button className={"Log__header-control" + (showDEBUG ? " Log__header-control--on" : "")}
                   onClick={(e) => setShowDEBUG(prevState => !prevState)}
           >
@@ -81,6 +87,14 @@ const RunLog = ({isScenarioRunning, entries, closeRunLog}) => {
                 </div>
                 :
                 "";
+                
+            case "WARN":
+              return showWARN ?
+                <div className={"Log__entry"} key={entry.id}>
+                  {`[${entry.level}] ${entry.message}`}
+                </div>
+                :
+                "";
 
             default:
               return <div className={"Log__entry"} key={entry.id}>

From b19735ee3db65b2191537fd38322ae0b8254cfc4 Mon Sep 17 00:00:00 2001
From: Erkki Halinen <erkki-eemeli.halinen@cgi.com>
Date: Mon, 19 Jun 2023 17:12:21 +0300
Subject: [PATCH 2/2] Add WARN log message filter, tweak styling

---
 .../components/HelmetProject/RunLog/RunLog.css     |  8 +++++---
 .../components/HelmetProject/RunLog/RunLog.jsx     | 14 ++++++++++++++
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/renderer/components/HelmetProject/RunLog/RunLog.css b/src/renderer/components/HelmetProject/RunLog/RunLog.css
index 43177980..55cee8a1 100644
--- a/src/renderer/components/HelmetProject/RunLog/RunLog.css
+++ b/src/renderer/components/HelmetProject/RunLog/RunLog.css
@@ -39,12 +39,14 @@
 
 .Log__header-controls {
     display: flex;
-    justify-content: space-between;
+    justify-content: space-around;
+    align-content: center;
+    width: 100%;
 }
 
 .Log__header-control {
-    margin-right: 10px;
-    width: 100%;
+    max-width: 25%;
+    margin: .25rem;
 }
 .Log__header-control--on {
     background-color: #007AC9;
diff --git a/src/renderer/components/HelmetProject/RunLog/RunLog.jsx b/src/renderer/components/HelmetProject/RunLog/RunLog.jsx
index 62bc80b7..e85e13d6 100644
--- a/src/renderer/components/HelmetProject/RunLog/RunLog.jsx
+++ b/src/renderer/components/HelmetProject/RunLog/RunLog.jsx
@@ -4,6 +4,7 @@ const RunLog = ({isScenarioRunning, entries, closeRunLog}) => {
 
   const [showUIEVENT, setShowUIEVENT] = useState(true);
   const [showINFO, setShowINFO] = useState(true);
+  const [showWARN, setShowWARN] = useState(true);
   const [showERROR, setShowERROR] = useState(true);
   const [showDEBUG, setShowDEBUG] = useState(false);
 
@@ -33,6 +34,11 @@ const RunLog = ({isScenarioRunning, entries, closeRunLog}) => {
           >
             ERROR
           </button>
+          <button className={"Log__header-control" + (showWARN ? " Log__header-control--on" : "")}
+                  onClick={(e) => setShowWARN(prevState => !prevState)}
+          >
+            WARNING
+          </button>
           <button className={"Log__header-control" + (showDEBUG ? " Log__header-control--on" : "")}
                   onClick={(e) => setShowDEBUG(prevState => !prevState)}
           >
@@ -81,6 +87,14 @@ const RunLog = ({isScenarioRunning, entries, closeRunLog}) => {
                 </div>
                 :
                 "";
+                
+            case "WARN":
+              return showWARN ?
+                <div className={"Log__entry"} key={entry.id}>
+                  {`[${entry.level}] ${entry.message}`}
+                </div>
+                :
+                "";
 
             default:
               return <div className={"Log__entry"} key={entry.id}>