From 5902b4749a00b268a4d7f62fe50737aa45814996 Mon Sep 17 00:00:00 2001
From: svetaStrech <sveta@strech.io>
Date: Mon, 14 Aug 2023 12:37:51 +0300
Subject: [PATCH 1/2] update component

---
 ui_src/src/components/produceMessages/index.js              | 6 +++---
 ui_src/src/components/titleComponent/index.js               | 3 ++-
 .../stationObservabilty/ProduceConsumList/index.js          | 4 ++--
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/ui_src/src/components/produceMessages/index.js b/ui_src/src/components/produceMessages/index.js
index f5f1e8418..5f8728a91 100644
--- a/ui_src/src/components/produceMessages/index.js
+++ b/ui_src/src/components/produceMessages/index.js
@@ -47,7 +47,7 @@ const ProduceMessages = ({ stationName, cancel, produceMessagesRef, setLoading }
 
     useEffect(() => {
         produceMessagesRef.current = onFinish;
-    }, []);
+    }, [messageExample]);
 
     const updateFormState = (field, value) => {
         let updatedValue = { ...formFields };
@@ -139,7 +139,7 @@ const ProduceMessages = ({ stationName, cancel, produceMessagesRef, setLoading }
         <div className="produce-modal-wrapper">
             <div className="produce-message">
                 <div className="generate-wrapper">
-                    <p className="field-title">Value</p>
+                    <p className="field-title">JSON-based value</p>
                     <div className="generate-action" onClick={() => generateMessage()}>
                         <img src={refresh} width="14" />
                         <span>Generate example</span>
@@ -220,7 +220,7 @@ const ProduceMessages = ({ stationName, cancel, produceMessagesRef, setLoading }
                                 <Form.Item>
                                     <div className="add-field" onClick={() => add()}>
                                         <FiPlus />
-                                        <span>Add field</span>
+                                        <span>New header</span>
                                     </div>
                                 </Form.Item>
                             </>
diff --git a/ui_src/src/components/titleComponent/index.js b/ui_src/src/components/titleComponent/index.js
index 0361ea6ab..f62e7ffdc 100644
--- a/ui_src/src/components/titleComponent/index.js
+++ b/ui_src/src/components/titleComponent/index.js
@@ -2,6 +2,7 @@ import React from 'react';
 import './style.scss';
 import Lottie from 'lottie-react';
 import CloudOnly from '../cloudOnly';
+import { isCloud } from '../../services/valueConvertor';
 
 const TitleComponent = (props) => {
     const { headerTitle, typeTitle = 'header', headerDescription, style, img, finish, required, learnMore = false, link, cloudOnly = false } = props;
@@ -27,7 +28,7 @@ const TitleComponent = (props) => {
                         {headerTitle}
                     </p>
                 )}
-                {cloudOnly && <CloudOnly position={'relative'} />}
+                {cloudOnly && !isCloud() && <CloudOnly position={'relative'} />}
             </div>
             {headerDescription && (
                 <p className="header-description" style={style?.description}>
diff --git a/ui_src/src/domain/stationOverview/stationObservabilty/ProduceConsumList/index.js b/ui_src/src/domain/stationOverview/stationObservabilty/ProduceConsumList/index.js
index 81440ebd9..88f7a214d 100644
--- a/ui_src/src/domain/stationOverview/stationObservabilty/ProduceConsumList/index.js
+++ b/ui_src/src/domain/stationOverview/stationObservabilty/ProduceConsumList/index.js
@@ -318,8 +318,8 @@ const ProduceConsumList = ({ producer }) => {
                         <div className="header-img-container">
                             <img className="headerImage" src={playVideoIcon} alt="stationImg" />
                         </div>
-                        <p>Produce</p>
-                        <label>Quick message producing.</label>
+                        <p>Produce a message</p>
+                        <label>Produce a message through the Console.</label>
                     </div>
                 }
                 className={'modal-wrapper produce-modal'}

From d34ec85042e5bbf4af9b9f114208a765c72ecf80 Mon Sep 17 00:00:00 2001
From: svetaStrech <sveta@strech.io>
Date: Mon, 14 Aug 2023 12:55:52 +0300
Subject: [PATCH 2/2] remove ack based cloud restriction

---
 ui_src/src/components/createStationForm/index.js | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/ui_src/src/components/createStationForm/index.js b/ui_src/src/components/createStationForm/index.js
index 4f5617974..154ce2f05 100644
--- a/ui_src/src/components/createStationForm/index.js
+++ b/ui_src/src/components/createStationForm/index.js
@@ -52,9 +52,7 @@ const retanionOptions = [
     {
         id: 4,
         value: 'ack_based',
-        disabled: isCloud() ? false : true,
-        label: 'Ack based',
-        onlyCloud: isCloud() ? false : true
+        label: 'Ack based'
     }
 ];