Merge pull request #8573 from weseek/imprv/137284-142520-replace-icon-external-link

imprv: replace icon external link

apps/app/src/components/Admin/SlackIntegration/CustomBotWithProxySettings.jsx

@@ -93,10 +93,7 @@ const CustomBotWithProxySettings = (props) => {
     <>
       <h2 className="admin-setting-header mb-2">{t('admin:slack_integration.custom_bot_with_proxy_integration')}
         <a href={t('admin:slack_integration.docs_url.custom_bot_with_proxy')} target="_blank" rel="noopener noreferrer">
-          <i
-            className="fa fa-external-link btn-link ms-2"
-            aria-hidden="true"
-          />
+          <span className="growi-custom-icons btn-link ms-2 fs-3">external_link</span>
         </a>
       </h2>
 

apps/app/src/components/Admin/SlackIntegration/CustomBotWithoutProxySettings.jsx

@@ -24,10 +24,7 @@ const CustomBotWithoutProxySettings = (props) => {
     <>
       <h2 className="admin-setting-header">{t('admin:slack_integration.custom_bot_without_proxy_integration')}
         <a href={t('admin:slack_integration.docs_url.custom_bot_without_proxy')} target="_blank" rel="noopener noreferrer">
-          <i
-            className="fa fa-external-link btn-link ms-2"
-            aria-hidden="true"
-          />
+          <span className="growi-custom-icons btn-link ms-2 fs-3">external_link</span>
         </a>
       </h2>
 

apps/app/src/components/Admin/SlackIntegration/CustomBotWithoutProxySettingsAccordion.jsx

@@ -78,7 +78,7 @@ const CustomBotWithoutProxySettingsAccordion = (props) => {
         <div className="my-5 d-flex flex-column align-items-center">
           <button type="button" className="btn btn-primary text-nowrap" onClick={() => window.open('https://api.slack.com/apps', '_blank')}>
             {t('admin:slack_integration.accordion.create_bot')}
-            <i className="fa fa-external-link ms-2" aria-hidden="true" />
+            <span className="growi-custom-icons ms-2"><small>external_link</small></span>
           </button>
           <a
             href={t('admin:slack_integration.docs_url.custom_bot_without_proxy_setting')}
@@ -88,7 +88,7 @@ const CustomBotWithoutProxySettingsAccordion = (props) => {
             <p className="text-center mt-1">
               <small>
                 {t('admin:slack_integration.accordion.how_to_create_a_bot')}
-                <i className="fa fa-external-link ms-2" aria-hidden="true" />
+                <span className="growi-custom-icons ms-2"><small><small>external_link</small></small></span>
               </small>
             </p>
           </a>

apps/app/src/components/Admin/SlackIntegration/OfficialBotSettings.jsx

@@ -77,11 +77,12 @@ const OfficialBotSettings = (props) => {
     <>
       <h2 className="admin-setting-header">{t('admin:slack_integration.official_bot_integration')}
         <a href={t('admin:slack_integration.docs_url.official_bot')} target="_blank" rel="noopener noreferrer">
-          <i
-            className="fa fa-external-link btn-link ms-2"
-            aria-hidden="true"
+          <span
+            className="growi-custom-icons btn-link ms-2 fs-3"
             onClick={() => window.open(`${t('admin:slack_integration.docs_url.official_bot')}`, '_blank')}
-          />
+          >
+            external_link
+          </span>
         </a>
       </h2>
 

apps/app/src/components/Admin/SlackIntegration/WithProxyAccordions.jsx

@@ -25,7 +25,7 @@ const BotCreateProcess = () => {
     <div className="my-5 d-flex flex-column align-items-center">
       <button type="button" className="btn btn-primary text-nowrap" onClick={() => window.open('https://api.slack.com/apps', '_blank')}>
         {t('admin:slack_integration.accordion.create_bot')}
-        <i className="fa fa-external-link ms-2" aria-hidden="true" />
+        <span className="growi-custom-icons ms-2"><small>external_link</small></span>
       </button>
       <a
         href={t('admin:slack_integration.docs_url.custom_bot_with_proxy_setting')}
@@ -35,7 +35,7 @@ const BotCreateProcess = () => {
         <p className="text-center mt-1">
           <small>
             {t('admin:slack_integration.accordion.how_to_create_a_bot')}
-            <i className="fa fa-external-link ms-2" aria-hidden="true" />
+            <span className="growi-custom-icons ms-2"><small><small>external_link</small></small></span>
           </small>
         </p>
       </a>
@@ -49,7 +49,7 @@ const BotInstallProcessForOfficialBot = () => {
     <div className="my-5 d-flex flex-column align-items-center">
       <button type="button" className="btn btn-primary text-nowrap" onClick={() => window.open('https://slackbot-proxy.growi.org/', '_blank')}>
         {t('admin:slack_integration.accordion.install_now')}
-        <i className="fa fa-external-link ms-2" aria-hidden="true" />
+        <span className="growi-custom-icons ms-2"><small>external_link</small></span>
       </button>
       <a
         href={t('admin:slack_integration.docs_url.official_bot_setting')}
@@ -59,7 +59,7 @@ const BotInstallProcessForOfficialBot = () => {
         <p className="text-center mt-1">
           <small>
             {t('admin:slack_integration.accordion.how_to_install')}
-            <i className="fa fa-external-link ms-2" aria-hidden="true" />
+            <span className="growi-custom-icons ms-2"><small><small>external_link</small></small></span>
           </small>
         </p>
       </a>