wip

framework/core/js/src/admin/components/EditGroupModal.tsx

@@ -89,7 +89,7 @@ export default class EditGroupModal<CustomAttrs extends IEditGroupModalAttrs = I
       <div className="Form-group">
         <label>{app.translator.trans('core.admin.edit_group.icon_label')}</label>
         <div className="helpText">
-          {app.translator.trans('core.admin.edit_group.icon_text', { a: <a href="https://fontawesome.com/v6/search?m=free" tabindex="-1" /> })}
+          {app.translator.trans('core.admin.edit_group.icon_text', { a: <a href={app.refs.fontawesome} tabindex="-1" /> })}
         </div>
         <input className="FormControl" placeholder="fas fa-bolt" bidi={this.icon} />
       </div>,

framework/core/js/src/common/Application.tsx

@@ -39,6 +39,7 @@ import IExtender from './extenders/IExtender';
 import AccessToken from './models/AccessToken';
 import SearchManager from './SearchManager';
 import { ColorScheme } from './components/ThemeMode';
+import references from './references';
 
 export type FlarumScreens = 'phone' | 'tablet' | 'desktop' | 'desktop-hd';
 
@@ -248,6 +249,8 @@ export default class Application {
 
   allowUserColorScheme!: boolean;
 
+  refs: Record<string, unknown> = {};
+
   private _title: string = '';
   private _titleCount: number = 0;
 
@@ -320,6 +323,8 @@ export default class Application {
     this.initialRoute = window.location.href;
 
     caughtInitializationErrors.forEach((handler) => handler());
+
+    references(this);
   }
 
   protected beforeMount(): void {

framework/core/js/src/common/references.ts

@@ -0,0 +1,10 @@
+import Application from './Application';
+
+/**
+ * The `references` initializer defines references to external resources.
+ */
+export default function (app: Application) {
+  app.refs = {
+    fontawesome: 'https://fontawesome.com/v6/icons?o=r&m=free',
+  };
+}