enable change line color

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

@@ -67,9 +67,20 @@ const CustomBotWithoutProxySettings = (props) => {
 
         {/* ----------------- start ----------------- */}
 
-        <div className="text-center w-25 mt-5">
-          <p className="text-success"><small className="fa fa-check"> {t('admin:slack_integration.integration_sentence.integration_sucessed')}</small></p>
-          <hr className="align-self-center admin-border-success"></hr>
+        <div className="text-center w-25">
+          {props.isSetupSlackBot && (
+            <div className="mt-5">
+              <p className="text-success"><small className="fa fa-check"> {t('admin:slack_integration.integration_sentence.integration_sucessed')}</small></p>
+              <hr className="align-self-center admin-border-success"></hr>
+            </div>
+          )}
+          {!props.isSetupSlackBot && (
+            <div className="mt-4">
+              <p className="text-secondary m-0"><small>{t('admin:slack_integration.integration_sentence.integration_is_not_complete')}</small></p>
+              <p className="text-secondary"><small>{t('admin:slack_integration.integration_sentence.proceed_with_the_following_integration_procedure')}</small></p>
+              <hr className="align-self-center admin-border-danger"></hr>
+            </div>
+          )}
         </div>
 
         {/* -----------------  end  ----------------- */}