Remove all direct references to font-awesome

web_src/js/features/comp/ComboMarkdownEditor.js

@@ -8,6 +8,7 @@ import {handleGlobalEnterQuickSubmit} from './QuickSubmit.js';
 import {emojiString} from '../emoji.js';
 import {renderPreviewPanelContent} from '../repo-editor.js';
 import {matchEmoji, matchMention} from '../../utils/match.js';
+import {svg} from '../../svg.js';
 
 let elementIdCounter = 0;
 
@@ -218,7 +219,7 @@ class ComboMarkdownEditor {
           cm.replaceSelection(`\n- [ ] ${cm.getSelection()}`);
           cm.focus();
         },
-        className: 'fa fa-square-o',
+        icon: svg('gitea-empty-checkbox'),
         title: 'Add Checkbox (empty)',
       },
       'gitea-checkbox-checked': {
@@ -227,15 +228,15 @@ class ComboMarkdownEditor {
           cm.replaceSelection(`\n- [x] ${cm.getSelection()}`);
           cm.focus();
         },
-        className: 'fa fa-check-square-o',
+        icon: svg('octicon-checkbox'),
         title: 'Add Checkbox (checked)',
       },
       'gitea-switch-to-textarea': {
         action: () => {
           this.userPreferredEditor = 'textarea';
           this.switchToTextarea();
         },
-        className: 'fa fa-file',
+        icon: svg('octicon-file'),
         title: 'Revert to simple textarea',
       },
       'gitea-code-inline': {
@@ -249,7 +250,7 @@ class ComboMarkdownEditor {
           }
           cm.focus();
         },
-        className: 'fa fa-angle-right',
+        icon: svg('octicon-chevron-right'),
         title: 'Add Inline Code',
       }
     };

web_src/js/svg.js

@@ -44,6 +44,8 @@ import octiconOrganization from '../../public/img/svg/octicon-organization.svg';
 import octiconTag from '../../public/img/svg/octicon-tag.svg';
 import octiconGitBranch from '../../public/img/svg/octicon-git-branch.svg';
 import octiconRss from '../../public/img/svg/octicon-rss.svg';
+import octiconCheckbox from '../../public/img/svg/octicon-checkbox.svg';
+import giteaEmptyCheckbox from '../../public/img/svg/gitea-empty-checkbox.svg';
 
 const svgs = {
   'octicon-blocked': octiconBlocked,
@@ -91,6 +93,8 @@ const svgs = {
   'octicon-tag': octiconTag,
   'octicon-git-branch': octiconGitBranch,
   'octicon-rss': octiconRss,
+  'octicon-checkbox': octiconCheckbox,
+  'gitea-empty-checkbox': giteaEmptyCheckbox,
 };
 
 // TODO: use a more general approach to access SVG icons.