apply textare

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

@@ -187,9 +187,33 @@ const CustomBotWithoutProxySettingsAccordion = ({ appContainer, activeStep }) =>
             {connectionSuccessMessage != null
               && <p className="text-info text-center m-4">Slack ワークスペースに送信しました。</p>
             }
-            <div className="row m-3 justify-content-center">
-              <div className="col-sm-5 slack-connection-log">
-                <p className="border-info slack-connection-log-title mb-1 pl-2">Logs</p>
+            <form>
+              <div className="row m-3 justify-content-center">
+                <div className="form-group w-100">
+                  <label><p className="border-info slack-connection-log-title mb-1 pl-2">Logs</p></label>
+                  {connectionErrorMessage == null && connectionSuccessMessage == null && (
+                    <textarea className="form-control card border-info slack-connection-log-body rounded-lg pl-2" />
+                  )}
+                  {connectionErrorMessage != null && (
+                    <textarea className="form-control card border-info slack-connection-log-body rounded-lg pl-2" multiple value={[connectionErrorCode, connectionErrorMessage]} />
+                  )}
+                  {connectionSuccessMessage != null && (
+                    <textarea className="form-control card border-info slack-connection-log-body rounded-lg pl-2" multiple value={connectionSuccessMessage} />
+                  )}
+
+                </div>
+                {/* <div className="form-group w-100 col-sm-5 slack-connection-log"> */}
+                {/* <label>
+                  <p className="border-info slack-connection-log-title mb-1 pl-2">Logs</p>
+                  {connectionErrorMessage != null && (
+                    <textarea className="form-control card border-info slack-connection-log-body rounded-lg pl-2" multiple value={[connectionErrorCode, connectionErrorMessage]} />
+                  )}
+                  {connectionSuccessMessage != null && (
+                    <textarea className="form-control card border-info slack-connection-log-body rounded-lg pl-2" multiple value={connectionSuccessMessage} />
+                  )}
+                </label> */}
+
+                {/* <p className="border-info slack-connection-log-title mb-1 pl-2">Logs</p>
                 <div className="card border-info slack-connection-log-body rounded-lg px-5 py-4">
                   {connectionErrorMessage != null && (
                     <>
@@ -200,9 +224,26 @@ const CustomBotWithoutProxySettingsAccordion = ({ appContainer, activeStep }) =>
                   {connectionSuccessMessage != null && (
                   <p className="m-0">{connectionSuccessMessage}</p>
                 )}
+                </div> */}
+                {/* </div> */}
+              </div>
+            </form>
+            {/* <form>
+              <div className="row m-3 justify-content-center">
+
+                <div className="form-group w-100">
+                  <label><p className="border-info slack-connection-log-title mb-1 pl-2">Logs</p></label>
+                  {connectionErrorMessage != null && (
+                  <textarea className="form-control card border-info slack-connection-log-body rounded-lg pl-2" multiple value={[connectionErrorCode, connectionErrorMessage]} />
+                  )}
+                  {connectionSuccessMessage != null && (
+                  <textarea className="form-control card border-info slack-connection-log-body rounded-lg pl-2" multiple value={connectionSuccessMessage} />
+                  )}
                 </div>
               </div>
-            </div>
+            </form> */}
+
+
           </div>
         </Collapse>
       </div>