From 101a9333dcc11fa1bd3900098d69f85beaf27244 Mon Sep 17 00:00:00 2001
From: otabekgh <otabek@memphis.dev>
Date: Mon, 18 Dec 2023 19:23:02 +0300
Subject: [PATCH] Enable configuration of prods/cons GC to cloud users - UI
 side

---
 .../clusterConfiguration/index.js             | 60 ++++++++-----------
 .../administration/softwareUpdates/style.scss |  7 ++-
 2 files changed, 29 insertions(+), 38 deletions(-)

diff --git a/ui_src/src/domain/administration/clusterConfiguration/index.js b/ui_src/src/domain/administration/clusterConfiguration/index.js
index 861b99921..1ace9cc9c 100644
--- a/ui_src/src/domain/administration/clusterConfiguration/index.js
+++ b/ui_src/src/domain/administration/clusterConfiguration/index.js
@@ -113,42 +113,31 @@ function ClusterConfiguration() {
             {!isLoading && (
                 <>
                     <div className="configuration-body">
-                        {isCloud() ? (
-                            <SliderRow
-                                title="DEAD LETTERED MESSAGES RETENTION IN HOURS"
-                                desc="Amount of hours to retain dead lettered messages in a DLS"
-                                value={formFields?.dls_retention}
-                                img={DeadLetterInHours}
-                                min={1}
-                                max={30}
-                                unit={'h'}
-                                onChanges={(e) => handleChange('dls_retention', e)}
-                            />
-                        ) : (
+                        <SliderRow
+                            title="DEAD LETTERED MESSAGES RETENTION IN HOURS"
+                            desc="Amount of hours to retain dead lettered messages in a DLS"
+                            value={formFields?.dls_retention}
+                            img={DeadLetterInHours}
+                            min={1}
+                            max={30}
+                            unit={'h'}
+                            onChanges={(e) => handleChange('dls_retention', e)}
+                        />
+                        <SliderRow
+                            title="DISCONNECTED PRODUCERS AND CONSUMERS RETENTION"
+                            desc="Amount of hours to retain inactive producers and consumers"
+                            value={formFields?.gc_producer_consumer_retention_hours}
+                            img={DeadLetterInHours}
+                            min={1}
+                            max={48}
+                            unit={'h'}
+                            onChanges={(e) => handleChange('gc_producer_consumer_retention_hours', e)}
+                        />
+                        {!isCloud() && (
                             <>
-                                <SliderRow
-                                    title="DEAD LETTERED MESSAGES RETENTION IN HOURS"
-                                    desc="Amount of hours to retain dead lettered messages in a DLS"
-                                    value={formFields?.dls_retention}
-                                    img={DeadLetterInHours}
-                                    min={1}
-                                    max={30}
-                                    unit={'h'}
-                                    onChanges={(e) => handleChange('dls_retention', e)}
-                                />
-                                <SliderRow
-                                    title="DISCONNECTED PRODUCERS AND CONSUMERS RETENTION"
-                                    desc="Amount of hours to retain inactive producerd and consumers"
-                                    value={formFields?.gc_producer_consumer_retention_hours}
-                                    img={DeadLetterInHours}
-                                    min={1}
-                                    max={48}
-                                    unit={'h'}
-                                    onChanges={(e) => handleChange('gc_producer_consumer_retention_hours', e)}
-                                />
                                 <SliderRow
                                     title="MAX MESSAGE SIZE"
-                                    desc="Maximum  message size (payload + headers) in megabytes"
+                                    desc="Maximum message size (payload + headers) in megabytes"
                                     value={formFields?.max_msg_size_mb}
                                     img={DeadLetterInHours}
                                     min={1}
@@ -171,12 +160,11 @@ function ClusterConfiguration() {
                                     desc="(if configured) The interval which the broker will migrate a batch of messages to the second storage tier"
                                     img={TieredStorageInterval}
                                     value={formFields?.tiered_storage_time_sec}
-                                    onChanges={(e, err) => {
-                                        handleChange('tiered_storage_time_sec', e, err);
-                                    }}
+                                    onChanges={(e, err) => handleChange('tiered_storage_time_sec', e, err)}
                                 />
                             </>
                         )}
+
                         {localStorage.getItem(LOCAL_STORAGE_ENV) !== 'docker' && !isCloud() && (
                             <>
                                 <InputRow
diff --git a/ui_src/src/domain/administration/softwareUpdates/style.scss b/ui_src/src/domain/administration/softwareUpdates/style.scss
index 33217ab7c..d46eecd2c 100644
--- a/ui_src/src/domain/administration/softwareUpdates/style.scss
+++ b/ui_src/src/domain/administration/softwareUpdates/style.scss
@@ -1,9 +1,12 @@
 .softwate-updates-container {
-    height: 100%;
-    width: 100%;
     padding: 20px 20px 20px 0px;
     overflow-y: auto;
     position: relative;
+    height: calc(100% - 40px);
+    width: calc(100% - 350px);
+    min-width: 800px;
+    min-height: 530px;
+    right: 20px;
     .rows {
         width: 100%;
         height: 100%;