|
|
@@ -13,44 +13,29 @@ const CustomBotWithProxySettings = (props) => {
|
|
|
return (
|
|
|
<>
|
|
|
|
|
|
- {/* --------------- start ---------------*/}
|
|
|
-
|
|
|
<h2 className="admin-setting-header">{t('admin:slack_integration.custom_bot_with_proxy_integration')}</h2>
|
|
|
|
|
|
<div className="d-flex justify-content-center my-5 bot-integration">
|
|
|
|
|
|
- {/* card-slack */}
|
|
|
<div className="card rounded shadow border-0 w-50 admin-bot-card">
|
|
|
<h5 className="card-title font-weight-bold mt-3 ml-4">Slack</h5>
|
|
|
<div className="card-body p-4"></div>
|
|
|
</div>
|
|
|
|
|
|
- {/* center-content */}
|
|
|
<div className="text-center w-25 mb-5">
|
|
|
-
|
|
|
- {/* sentence */}
|
|
|
<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>
|
|
|
|
|
|
<div className="row m-0">
|
|
|
-
|
|
|
- {/* border */}
|
|
|
<hr className="border-danger align-self-center admin-border col"></hr>
|
|
|
-
|
|
|
- {/* circle */}
|
|
|
<div className="circle text-center">
|
|
|
<p className="text-light font-weight-bold m-0 pt-3 mt-2 col">Proxy</p>
|
|
|
<p className="text-light font-weight-bold">Server</p>
|
|
|
</div>
|
|
|
-
|
|
|
- {/* border */}
|
|
|
<hr className="border-danger align-self-center admin-border col"></hr>
|
|
|
-
|
|
|
</div>
|
|
|
-
|
|
|
</div>
|
|
|
|
|
|
- {/* card-growi-app */}
|
|
|
<div className="card rounded-lg shadow border-0 w-50 admin-bot-card">
|
|
|
<h5 className="card-title font-weight-bold mt-3 ml-4">GROWI App</h5>
|
|
|
<div className="card-body p-4 text-center">
|
|
|
@@ -60,8 +45,6 @@ const CustomBotWithProxySettings = (props) => {
|
|
|
|
|
|
</div>
|
|
|
|
|
|
- {/* --------------- end ---------------*/}
|
|
|
-
|
|
|
</>
|
|
|
);
|
|
|
};
|