From 600776049f267a5f716c63909759c3a7353c4764 Mon Sep 17 00:00:00 2001
From: otabekgh <otabek@memphis.dev>
Date: Mon, 8 Jan 2024 13:59:18 +0300
Subject: [PATCH] UI bugs summary of 1.4.2

---
 .../src/components/runBenchmarkModal/index.js |  6 +++---
 ui_src/src/dark-style.scss                    | 20 +++++++++++++++++++
 .../stationObservabilty/messages/style.scss   |  2 +-
 ui_src/src/domain/stationOverview/style.scss  |  6 ++----
 4 files changed, 26 insertions(+), 8 deletions(-)

diff --git a/ui_src/src/components/runBenchmarkModal/index.js b/ui_src/src/components/runBenchmarkModal/index.js
index 04e3f9a21..46ba68cca 100644
--- a/ui_src/src/components/runBenchmarkModal/index.js
+++ b/ui_src/src/components/runBenchmarkModal/index.js
@@ -24,7 +24,7 @@ import { LOCAL_STORAGE_BROKER_HOST, LOCAL_STORAGE_ENV, LOCAL_STORAGE_ACCOUNT_ID
 let write =
     'mem bench producer --message-size 128 --count 1000 --concurrency 1 --host <host> --account-id <account-id(not needed for open-source)> --user <client type user> --password <password>';
 let read =
-    'mem bench consumer --message-size 128 --count 1000 --concurrency 1 --batch-size 50 --host <host> --account-id <account-id(not needed for open-source)> --user <client type user> --password <password>';
+    'mem bench consumer --message-size 128 --count 1000 --concurrency 1 --batch-size 500 --host <broker_hostname> --account-id <account_id(not needed for open-source)> --user <client_type_username> --password <password>';
 
 const RunBenchmarkModal = ({ open, clickOutside }) => {
     const [tabValue, setTabValue] = useState('Windows');
@@ -40,8 +40,8 @@ const RunBenchmarkModal = ({ open, clickOutside }) => {
                 : 'memphis.memphis.svc.cluster.local';
         write = write.replace('<host>', host);
         write = write.replace('<account-id(not needed for open-source)>', parseInt(localStorage.getItem(LOCAL_STORAGE_ACCOUNT_ID)));
-        read = write.replace('<host>', host);
-        read = write.replace('<account-id(not needed for open-source)>', parseInt(localStorage.getItem(LOCAL_STORAGE_ACCOUNT_ID)));
+        read = read.replace('<host>', host);
+        read = read.replace('<account-id(not needed for open-source)>', parseInt(localStorage.getItem(LOCAL_STORAGE_ACCOUNT_ID)));
         setWriteLink(write);
         setReadLink(read);
     }, []);
diff --git a/ui_src/src/dark-style.scss b/ui_src/src/dark-style.scss
index 4216fb544..afa15e84c 100644
--- a/ui_src/src/dark-style.scss
+++ b/ui_src/src/dark-style.scss
@@ -590,4 +590,24 @@ html.dark-mode {
     filter: $color-invert-filter-reverse!important;
   }
 
+  .stigg-customer-portal-subscriptions-overview {
+    .MuiBox-root button svg, .MuiBox-root button p {
+      filter: $color-invert-filter-reverse;
+    }
+  }
+
+  .message-wrapper .monaco-editor {
+    padding-top: 15px;
+    position: relative;
+    &:after {
+      position: absolute;
+      content: '';
+      background: #fffffe;
+      height: 100%;
+      width: 15px;
+      right: 0;
+      top: 0;
+    }
+  }
+
 }
\ No newline at end of file
diff --git a/ui_src/src/domain/stationOverview/stationObservabilty/messages/style.scss b/ui_src/src/domain/stationOverview/stationObservabilty/messages/style.scss
index 565108920..3f722e732 100644
--- a/ui_src/src/domain/stationOverview/stationObservabilty/messages/style.scss
+++ b/ui_src/src/domain/stationOverview/stationObservabilty/messages/style.scss
@@ -14,7 +14,7 @@
 }
 
 .messages-container {
-    flex: 0 0 40%;
+    flex: 0 0 36%;
     height: 71vh;
     min-height: 580px;
     box-shadow: 0px 0px 4px 3px rgba(204, 204, 204, 0.19);
diff --git a/ui_src/src/domain/stationOverview/style.scss b/ui_src/src/domain/stationOverview/style.scss
index 7dace40de..5e79dbf12 100644
--- a/ui_src/src/domain/stationOverview/style.scss
+++ b/ui_src/src/domain/stationOverview/style.scss
@@ -8,8 +8,9 @@
     flex-direction: column;
     justify-content: space-between;
     gap: 30px;
+    height: 100%;
     .overview-header {
-        min-width: 1370px;
+        min-width: 1300px;
     }
     .station-observability {
         min-width: 900px;
@@ -18,9 +19,6 @@
         flex-direction: column;
         justify-content: center;
         width: 100%;
-        @media (max-width: 1200px) {
-            width: calc(100% - 2vw - var(--main-container-sidebar-width));
-        }
     }
     .overview-top {
         display: flex;