Fix spinner

src/ts/components/admin/admin-account-details/admin-account-details.pug

@@ -55,7 +55,7 @@ div(*ngIf="account")
 				h5 Status
 				div
 					button.btn.btn-xs.btn-default.ml-1((click)="clearSessions()" title="Sign out user" [disabled]="clearingSessions")
-						fa-icon([icon]="clearingSessions ? spinnerIcon : signOutIcon" [fixedWidth]="true" [spin]="clearingSessions")
+						fa-icon([icon]="clearingSessions ? spinnerIcon : signOutIcon" [fixedWidth]="true" [animation]="clearingSessions ? 'spin' : undefined")
 					button.btn.btn-xs.btn-default.ml-1((click)="showAccountData()" title="Fetch account data (in console)")
 						fa-icon([icon]="consoleIcon" [fixedWidth]="true")
 					button.btn.btn-xs.btn-default.ml-1((click)="accountStatus.refresh()" title="Refresh status")
@@ -216,7 +216,7 @@ div(*ngIf="account")
 			.d-flex.justify-content-between.align-items-start
 				h5
 					| Duplicates #[span.text-muted ({{duplicates?.length}})]
-					fa-icon.text-muted.ml-1(*ngIf="loadingDuplicates" [icon]="spinnerIcon" [fixedWidth]="true" [spin]="true")
+					fa-icon.text-muted.ml-1(*ngIf="loadingDuplicates" [icon]="spinnerIcon" [fixedWidth]="true" animation="spin")
 				div
 					button.btn.btn-xs.btn-default((click)="clearOriginsFromDuplicates()" title="Remove all origins older than 14 days from all duplicates")
 						fa-icon.mr-1([icon]="trashIcon")

src/ts/components/admin/admin-accounts/admin-accounts.pug

@@ -43,7 +43,7 @@ ng-template(#duplicatesPopover)
 			fa-icon.mr-1([icon]="filterIcon")
 			| filters
 	.d-block.d-sm-flex.mt-2
-		fa-icon.text-muted.mr-3(*ngIf="loading" [icon]="spinnerIcon" [spin]="true" size="2x" style="margin-top: 3px")
+		fa-icon.text-muted.mr-3(*ngIf="loading" [icon]="spinnerIcon" animation="spin" size="2x" style="margin-top: 3px")
 		strong.text-muted.mr-3(style="margin-top: 6px")
 			| {{totalItems === 99999999 ? '' : totalItems}}
 		pagination(

src/ts/components/admin/admin-origins/admin-origins.pug

@@ -1,5 +1,5 @@
 .text-center.pt-5(*ngIf="!stats")
-	fa-icon.text-muted([icon]="spinnerIcon" [fixedWidth]="true" [spin]="true" size="3x")
+	fa-icon.text-muted([icon]="spinnerIcon" [fixedWidth]="true" animation="spin" size="3x")
 
 .row(*ngIf="stats")
 	.col-md-6

src/ts/components/admin/admin-ponies/admin-ponies.pug

@@ -25,7 +25,7 @@ ng-template(#searchTooltip)
 
 .d-block.d-sm-flex.justify-content-end
 	.table-loader.text-muted.flex-grow-1.text-left(*ngIf="loading")
-		fa-icon.mr-1([icon]="spinnerIcon" [spin]="true")
+		fa-icon.mr-1([icon]="spinnerIcon" animation="spin")
 		| Loading...
 	strong.text-muted.mr-3(style="margin-top: 6px")
 		| {{totalItems > 900000000 ? '---' : totalItems}}

src/ts/components/admin/admin.pug

@@ -3,7 +3,7 @@
 	.d-flex.justify-content-between
 		.admin-initializing
 			div(*ngIf="loading")
-				fa-icon.mr-1([icon]="spinnerIcon" [spin]="true")
+				fa-icon.mr-1([icon]="spinnerIcon" animation="spin")
 				| {{loading}}...
 
 		menu-bar([loading]="model.loading" [account]="model.account" (signOut)="signOut()")

src/ts/components/admin/shared/admin-chat-log/admin-chat-log.pug

@@ -5,7 +5,7 @@ div(*ngIf="open || !canClose")
 			span.text-muted.ml-1
 				| ({{date ? date.label : 'none'}})
 			span.text-muted.ml-1(*ngIf="loading")
-				fa-icon([icon]="spinnerIcon" [spin]="true")
+				fa-icon([icon]="spinnerIcon" animation="spin")
 		.form-inline
 			ng-content
 			form.d-inline-block((submit)="searchChat(searchInput.value)")

src/ts/components/shared/menu-bar/menu-bar.pug

@@ -41,7 +41,7 @@ nav.navbar.navbar-expand.justify-content-end(role="navigation")
 						| Sign out
 
 		.text-muted(*ngIf="loading" style="font-size: 20px; padding: 10px 20px;")
-			fa-icon([icon]="spinnerIcon" [fixedWidth]="true" [spin]="true")
+			fa-icon([icon]="spinnerIcon" [fixedWidth]="true" animation="spin")
 
 		form.navbar-form.ml-2(*ngIf="!loading && !account")
 			.button-group.dropdown(dropdown)

src/ts/components/shared/page-loader/page-loader.pug

@@ -1,5 +1,5 @@
 .page-loader.text-muted.text-center.text-large(*ngIf="loading || updating")
-	fa-icon([icon]="spinnerIcon" [fixedWidth]="true" [spin]="true")
+	fa-icon([icon]="spinnerIcon" [fixedWidth]="true" animation="spin")
 
 	div(*ngIf="updating")
 		p.page-updating.text-muted Updating...

src/ts/components/shared/play-box/play-box.pug

@@ -36,7 +36,7 @@
 		button.btn.btn-lg.btn-success.text-ellipsis.flex-grow-1(
 			#playButton (click)="joining ? cancel() : play()" [disabled]="!canPlay && !joining")
 			div(*ngIf="joining")
-				fa-icon.mr-1([icon]="spinnerIcon" [spin]="true")
+				fa-icon.mr-1([icon]="spinnerIcon" animation="spin")
 				| Cancel
 			div(*ngIf="!joining && server")
 				| #[strong {{label || 'Play'}}] on #[span {{server.name}}]

src/ts/components/shared/sign-in-box/sign-in-box.pug

@@ -34,7 +34,7 @@
 
 	div(*ngIf="local")
 		div(*ngIf="mocks === undefined")
-			fa-icon([icon]="spinnerIcon" [fixedWidth]="true" [spin]="true")
+			fa-icon([icon]="spinnerIcon" [fixedWidth]="true" animation="spin")
 			| Loading mock logins
 		.btn-group.dropdown(dropdown *ngIf="mocks !== undefined")
 			button.btn.btn-lg.btn-dark.dropdown-toggle(dropdownToggle)