From 55050914f389f87b54015701094f427f2d56b324 Mon Sep 17 00:00:00 2001
From: David Wheatley <hi@davwheat.dev>
Date: Wed, 11 Aug 2021 21:49:35 +0200
Subject: [PATCH] Use FA icons in info box

---
 js/src/admin/components/AdvancedPage.tsx | 10 ++++++++--
 locale/core.yml                          |  7 +++++--
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/js/src/admin/components/AdvancedPage.tsx b/js/src/admin/components/AdvancedPage.tsx
index b2b7e118f..8082ebc01 100644
--- a/js/src/admin/components/AdvancedPage.tsx
+++ b/js/src/admin/components/AdvancedPage.tsx
@@ -53,7 +53,10 @@ export default class AdvancedPage extends AdminPage {
         'page_not_enabled',
         // TODO: Add link to docs page
         <p class="AdvancedPage-notEnabledWarning">
-          {app.translator.trans('core.admin.advanced.not_enabled_warning', { a: <Link external href="https://docs.flarum.org/" /> })}
+          {app.translator.trans('core.admin.advanced.not_enabled_warning', {
+            a: <Link external href="https://docs.flarum.org/" />,
+            icon: <span aria-label={app.translator.trans('core.admin.advanced.warning_icon_accessible_label')} class="fas fa-exclamation-triangle" />,
+          })}
         </p>,
         110
       );
@@ -62,7 +65,10 @@ export default class AdvancedPage extends AdminPage {
         'large_community_text',
         // TODO: Add link to docs page
         <p class="AdvancedPage-congratsText">
-          {app.translator.trans('core.admin.advanced.large_community_note', { a: <Link external href="https://docs.flarum.org/" /> })}
+          {app.translator.trans('core.admin.advanced.large_community_note', {
+            a: <Link external href="https://docs.flarum.org/" />,
+            icon: <span aria-label={app.translator.trans('core.admin.advanced.info_icon_accessible_label')} class="fas fa-info-circle" />,
+          })}
         </p>,
         110
       );
diff --git a/locale/core.yml b/locale/core.yml
index 520280eae..65867abae 100644
--- a/locale/core.yml
+++ b/locale/core.yml
@@ -20,18 +20,21 @@ core:
             database: Database
             sync: Sync
 
+      info_icon_accessible_label: information symbol
       # Shown on the page when it's meant to be enabled
       large_community_note: |
-        ℹ️ This page is intended for very active communities, like yours! Great job! Modifying
+        <icon></icon> This page is intended for very active communities, like yours! Great job! Modifying
         some of these settings may require advanced setup or create extra load for your
         installation. <a>Learn more about these settings.</a>
       # Shown on the page when it's hidden and was directly navigated to
       not_enabled_warning: |
-        ⚠️ This page is intended for very active communities. This page is hidden for your
+        <icon></icon> This page is intended for very active communities. This page is hidden for your
         forum because you don't meet the recommended criteria for modifying these settings.
         Doing so may require advanced setup or create extra load for your installation.
         <a>Learn more about these settings.</a>
+
       title: Advanced settings
+      warning_icon_accessible_label: warning symbol
 
     # These translations are used in the Appearance page.
     appearance: