From df2025800d2bf75442d1b410e7e50ad35d356a0a Mon Sep 17 00:00:00 2001
From: Alexander Ebert <ebert@woltlab.com>
Date: Fri, 12 Aug 2022 16:38:26 +0200
Subject: [PATCH] Replace legacy icons in JS files

---
 .../files/js/3rdParty/redactor2/plugins/WoltLabButton.js    | 2 +-
 wcfsetup/install/files/js/WCF.Comment.js                    | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/wcfsetup/install/files/js/3rdParty/redactor2/plugins/WoltLabButton.js b/wcfsetup/install/files/js/3rdParty/redactor2/plugins/WoltLabButton.js
index 049260458d..94a2615b96 100644
--- a/wcfsetup/install/files/js/3rdParty/redactor2/plugins/WoltLabButton.js
+++ b/wcfsetup/install/files/js/3rdParty/redactor2/plugins/WoltLabButton.js
@@ -194,7 +194,7 @@ $.Redactor.prototype.WoltLabButton = function() {
 			_toggleButton.className = 'redactorToolbarToggle';
 			_toggleButton.innerHTML = `<a href="#" role="button" aria-label="${
 					WCF.Language.get("wcf.global.button.more")
-				}"><span class="icon icon16 fa-caret-down"></span></a>`;
+				}"><fa-icon size="16" name="caret-down" solid></fa-icon></a>`;
 			elData(_toggleButton, 'show-on-mobile', true);
 			
 			var icon = _toggleButton.children[0].children[0];
diff --git a/wcfsetup/install/files/js/WCF.Comment.js b/wcfsetup/install/files/js/WCF.Comment.js
index 82c33db426..f660cfda84 100644
--- a/wcfsetup/install/files/js/WCF.Comment.js
+++ b/wcfsetup/install/files/js/WCF.Comment.js
@@ -219,7 +219,7 @@ WCF.Comment.Handler = Class.extend({
 	_loadCommentSegment: function (commentId, responseID) {
 		this._permalinkComment = elCreate('li');
 		this._permalinkComment.className = 'commentPermalinkContainer loading';
-		this._permalinkComment.innerHTML = '<span class="icon icon48 fa-spinner"></span>';
+		this._permalinkComment.innerHTML = '<fa-icon size="48" name="spinner" solid></fa-icon>';
 		this._container[0].insertBefore(this._permalinkComment, this._container[0].firstChild);
 		
 		this._proxy.setOption('data', {
@@ -240,7 +240,7 @@ WCF.Comment.Handler = Class.extend({
 	_loadResponseSegment: function (comment, commentId, responseID) {
 		this._permalinkResponse = elCreate('li');
 		this._permalinkResponse.className = 'commentResponsePermalinkContainer loading';
-		this._permalinkResponse.innerHTML = '<span class="icon icon32 fa-spinner"></span>';
+		this._permalinkResponse.innerHTML = '<fa-icon size="32" name="spinner" solid></fa-icon>';
 		var responseList = elBySel('.commentResponseList', comment);
 		responseList.insertBefore(this._permalinkResponse, responseList.firstChild);
 		
@@ -745,7 +745,7 @@ WCF.Comment.Handler = Class.extend({
 		if (data.returnValues.response) {
 			this._permalinkResponse = elCreate('li');
 			this._permalinkResponse.className = 'commentResponsePermalinkContainer loading';
-			this._permalinkResponse.innerHTML = '<span class="icon icon32 fa-spinner"></span>';
+			this._permalinkResponse.innerHTML = '<fa-icon size="32" name="spinner" solid></fa-icon>';
 			var responseList = elBySel('.commentResponseList', comment);
 			responseList.insertBefore(this._permalinkResponse, responseList.firstChild);
 			
-- 
2.20.1