Merge pull request #3743 from weseek/imprv/gw5958-show-proxy-url-after-reloading

Imprv/gw5958 show proxy url after reloading

src/client/js/components/Admin/SlackIntegration/CustomBotWithProxySettings.jsx

@@ -1,4 +1,6 @@
-import React, { useState } from 'react';
+import React, {
+  useState, useEffect, useCallback,
+} from 'react';
 import { useTranslation } from 'react-i18next';
 import PropTypes from 'prop-types';
 import loggerFactory from '@alias/logger';
@@ -19,6 +21,23 @@ const CustomBotWithProxySettings = (props) => {
 
   const { t } = useTranslation();
 
+  const retrieveProxyUri = useCallback(async() => {
+    try {
+      const res = await appContainer.apiv3.get('/slack-integration-settings');
+      const { proxyUri } = res.data.settings;
+      setProxyUri(proxyUri);
+    }
+    catch (err) {
+      toastError(err);
+      logger.error(err);
+    }
+  }, [appContainer.apiv3]);
+
+  useEffect(() => {
+    retrieveProxyUri();
+  }, [retrieveProxyUri]);
+
+
   // TODO: Multiple accordion logic
   const [accordionComponentsCount, setAccordionComponentsCount] = useState(0);
   const addAccordionHandler = () => {
@@ -87,6 +106,8 @@ const CustomBotWithProxySettings = (props) => {
           <input
             className="form-control"
             type="text"
+            name="settingForm[proxyUrl]"
+            defaultValue={proxyUri}
             onChange={(e) => { setProxyUri(e.target.value) }}
           />
         </div>