refactoring

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

@@ -23,7 +23,7 @@ const CustomBotWithoutProxyIntegrationCard = (props) => {
       </div>
 
       <div className="text-center w-25">
-        {!props.errors.includes(false) && (
+        {/* {!props.errors.includes(false) && (
         <div className="mt-5">
           <p className="text-success small">
             <i className="fa fa-check mr-1" />
@@ -31,16 +31,24 @@ const CustomBotWithoutProxyIntegrationCard = (props) => {
           </p>
           <hr className="align-self-center admin-border-success border-success"></hr>
         </div>
-          )}
-        {props.errors.includes(false) && (
-        <div className="mt-4">
-          <small
-            className="text-secondary m-0"
+          )} */}
+        {props.errors.includes(false) ? (
+          <div className="mt-4">
+            <small
+              className="text-secondary m-0"
                 // eslint-disable-next-line react/no-danger
-            dangerouslySetInnerHTML={{ __html: t('admin:slack_integration.integration_sentence.integration_is_not_complete') }}
-          />
-          <hr className="align-self-center admin-border-danger border-danger"></hr>
-        </div>
+              dangerouslySetInnerHTML={{ __html: t('admin:slack_integration.integration_sentence.integration_is_not_complete') }}
+            />
+            <hr className="align-self-center admin-border-danger border-danger"></hr>
+          </div>
+          ) : (
+            <div className="mt-5">
+              <p className="text-success small">
+                <i className="fa fa-check mr-1" />
+                {t('admin:slack_integration.integration_sentence.integration_successful')}
+              </p>
+              <hr className="align-self-center admin-border-success border-success"></hr>
+            </div>
           )}
       </div>