fix defaultValue and add readonly

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

@@ -19,12 +19,12 @@ const OfficialBotSettings = (props) => {
   const [integrationIdToDelete, setIntegrationIdToDelete] = useState(null);
   const { t } = useTranslation();
 
-  const [newProxyServerUri, setNewProxyServerUri] = useState();
+  // const [newProxyServerUri, setNewProxyServerUri] = useState();
 
   // componentDidUpdate
-  useEffect(() => {
-    setNewProxyServerUri(proxyServerUri);
-  }, [proxyServerUri, slackAppIntegrations]);
+  // useEffect(() => {
+  //   setNewProxyServerUri(proxyServerUri);
+  // }, [proxyServerUri, slackAppIntegrations]);
 
   const addSlackAppIntegrationHandler = async() => {
     if (onClickAddSlackWorkspaceBtn != null) {
@@ -46,18 +46,18 @@ const OfficialBotSettings = (props) => {
     }
   };
 
-  const updateProxyUri = async() => {
-    try {
-      await appContainer.apiv3.put('/slack-integration-settings/proxy-uri', {
-        proxyUri: newProxyServerUri,
-      });
-      toastSuccess(t('toaster.update_successed', { target: t('Proxy URL') }));
-    }
-    catch (err) {
-      toastError(err);
-      logger.error(err);
-    }
-  };
+  // const updateProxyUri = async() => {
+  //   try {
+  //     await appContainer.apiv3.put('/slack-integration-settings/proxy-uri', {
+  //       proxyUri: newProxyServerUri,
+  //     });
+  //     toastSuccess(t('toaster.update_successed', { target: t('Proxy URL') }));
+  //   }
+  //   catch (err) {
+  //     toastError(err);
+  //     logger.error(err);
+  //   }
+  // };
 
   useEffect(() => {
     const siteName = appContainer.config.crowi.title;
@@ -85,13 +85,14 @@ const OfficialBotSettings = (props) => {
                 className="form-control"
                 type="text"
                 name="settingForm[proxyUrl]"
-                defaultValue={newProxyServerUri}
-                onChange={(e) => { setNewProxyServerUri(e.target.value) }}
+                defaultValue={proxyServerUri}
+                readOnly
+                // onChange={(e) => { setNewProxyServerUri(e.target.value) }}
               />
             </div>
-            <div className="col-md-2 mt-3 text-center text-md-left">
+            {/* <div className="col-md-2 mt-3 text-center text-md-left">
               <button type="button" className="btn btn-primary" onClick={updateProxyUri}>{ t('Update') }</button>
-            </div>
+            </div> */}
           </div>
 
           <h2 className="admin-setting-header">{t('admin:slack_integration.integration_procedure')}</h2>

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

@@ -173,7 +173,7 @@ const SlackIntegration = (props) => {
       settingsComponent = (
         <CustomBotWithProxySettings
           slackAppIntegrations={slackAppIntegrations}
-          proxyServerUri={proxyServerUri}
+          proxyServerUri={officialBotProxyUri}
           onClickAddSlackWorkspaceBtn={createSlackIntegrationData}
           onDeleteSlackAppIntegration={fetchSlackIntegrationData}
           connectionStatuses={connectionStatuses}