CRIOPS-258 Fix Broken Icons

Upgrade to Font Awesome 6. Fixes missing icons in the user management
interface.

Author: heathharrelson

CHANGELOG.md

@@ -17,6 +17,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Fixed
 
 - Fix filebeat tokenizer pattern
+- Fix icons broken by the upgrade to AuthLib 2.2 (CRIOPS-248)
 
 ## [2.0.2] - 2025-04-02
 

pom.xml

@@ -212,12 +212,12 @@
 		<dependency>
 			<groupId>org.webjars</groupId>
 			<artifactId>bootstrap</artifactId>
-			<version>5.2.0</version>
+			<version>5.3.8</version>
 		</dependency>
 		<dependency>
 			<groupId>org.webjars</groupId>
 			<artifactId>font-awesome</artifactId>
-			<version>5.15.4</version>
+			<version>6.7.2</version>
 		</dependency>
 		<dependency>
 			<groupId>org.webjars</groupId>

src/main/resources/frontend/components/EntryJudgment.vue

@@ -37,7 +37,7 @@ export default {
         'lh-base',
         // icon
         'far',
-        'fa-check-circle'
+        'fa-circle-check'
       ];
 
       if (!this.selected) {

src/main/resources/frontend/components/NoteList.vue

@@ -166,13 +166,13 @@ export default {
     preview(text) {
       let sub = text.substring(0, this.previewSize);
       if (sub.length === this.previewSize) {
-        sub = sub.concat('... <i class="fas fa-angle-double-right text-primary"></i>');
+        sub = sub.concat('... <i class="fas fa-angles-right text-primary"></i>');
       }
       return sub;
     },
     expand(text) {
       if (text.length > this.previewSize) {
-        text = text.concat(' <i class="fas fa-angle-double-left text-primary"></i>');
+        text = text.concat(' <i class="fas fa-angles-left text-primary"></i>');
       }
       return text;
     },

src/main/resources/frontend/components/PoolSummary.vue

@@ -121,13 +121,13 @@ export default {
     preview(text) {
       let sub = text.substring(0, this.previewSize);
       if (sub.length === this.previewSize) {
-        sub = sub.concat('... <i class="fas fa-angle-double-right text-primary"></i>');
+        sub = sub.concat('... <i class="fas fa-angles-right text-primary"></i>');
       }
       return sub;
     },
     expand(text) {
       if (text.length > this.previewSize) {
-        text = text.concat(' <i class="fas fa-angle-double-left text-primary"></i>');
+        text = text.concat(' <i class="fas fa-angles-left text-primary"></i>');
       }
       return text;
     },

src/main/resources/frontend/test/components/EntryJudgment.spec.js

@@ -59,7 +59,7 @@ describe('EntryJudgment.vue', () => {
         showJudgment: false
       }
     });
-    expect(wrapper.find('.fa-check-circle').exists()).toBe(true);
+    expect(wrapper.find('.fa-circle-check').exists()).toBe(true);
   });
 
   it('adapts the icon classes when item is selected', async () => {
@@ -70,7 +70,7 @@ describe('EntryJudgment.vue', () => {
       }
     });
 
-    const iconWrapper = wrapper.find('.fa-check-circle');
+    const iconWrapper = wrapper.find('.fa-circle-check');
     expect(iconWrapper.exists()).toBe(true);
 
     // classList seems to be mutated in place, so capture the original values
@@ -79,7 +79,7 @@ describe('EntryJudgment.vue', () => {
 
     await wrapper.setProps({ selected: true });
 
-    const updatedWrapper = wrapper.find('.fa-check-circle');
+    const updatedWrapper = wrapper.find('.fa-circle-check');
     const updatedClasses = [...updatedWrapper.element.classList];
     expect(updatedClasses).not.toEqual(iconClasses);
   });