Merge pull request #783 from acelaya-forks/feature/fontawesome-react-3

Update to FontAwesome react component v3

Author: acelaya

CHANGELOG.md

@@ -4,6 +4,23 @@ All notable changes to this project will be documented in this file.
 
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org).
 
+## [0.16.2] - 2025-08-25
+### Added
+* *Nothing*
+
+### Changed
+* Update to FontAwesome react component v3
+
+### Deprecated
+* *Nothing*
+
+### Removed
+* *Nothing*
+
+### Fixed
+* *Nothing*
+
+
 ## [0.16.1] - 2025-08-08
 ### Added
 * [#755](https://github.com/shlinkio/shlink-web-component/issues/755) Add support for `any-value-query-param` and `valueless-query-param` redirect conditions when using Shlink >=4.5.0.

Dockerfile

@@ -1,6 +1,6 @@
-FROM mcr.microsoft.com/playwright:v1.54.1-noble
+FROM mcr.microsoft.com/playwright:v1.55.0-noble
 
-ENV NODE_VERSION 22.15
+ENV NODE_VERSION 22.18
 ENV TINI_VERSION v0.19.0
 
 # Install Node.js

package-lock.json

@@ -44,9 +44,9 @@
     "@fortawesome/free-brands-svg-icons": "^7.0.0",
     "@fortawesome/free-regular-svg-icons": "^7.0.0",
     "@fortawesome/free-solid-svg-icons": "^7.0.0",
-    "@fortawesome/react-fontawesome": "^0.2.3",
+    "@fortawesome/react-fontawesome": "^3.0.0",
     "@reduxjs/toolkit": "^2.5.0",
-    "@shlinkio/shlink-frontend-kit": "^1.1.0",
+    "@shlinkio/shlink-frontend-kit": "^1.2.0",
     "@shlinkio/shlink-js-sdk": "^2.2.1",
     "react": "^19.1",
     "react-dom": "^19.1",

package.json

@@ -3,7 +3,7 @@
 exports[`<UserInterfaceSettings /> > shows different icons based on theme 1`] = `
 <svg
   aria-hidden="true"
-  class="svg-inline--fa fa-moon "
+  class="svg-inline--fa fa-moon"
   data-icon="moon"
   data-prefix="fas"
   role="img"
@@ -19,7 +19,7 @@ exports[`<UserInterfaceSettings /> > shows different icons based on theme 1`] =
 exports[`<UserInterfaceSettings /> > shows different icons based on theme 2`] = `
 <svg
   aria-hidden="true"
-  class="svg-inline--fa fa-sun "
+  class="svg-inline--fa fa-sun"
   data-icon="sun"
   data-prefix="fas"
   role="img"
@@ -35,7 +35,7 @@ exports[`<UserInterfaceSettings /> > shows different icons based on theme 2`] =
 exports[`<UserInterfaceSettings /> > shows different icons based on theme 3`] = `
 <svg
   aria-hidden="true"
-  class="svg-inline--fa fa-sun "
+  class="svg-inline--fa fa-sun"
   data-icon="sun"
   data-prefix="fas"
   role="img"

test/settings/components/__snapshots__/UserInterfaceSettings.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`<ExportBtn /> > renders expected icon 1`] = `
 <svg
   aria-hidden="true"
-  class="svg-inline--fa fa-file-csv "
+  class="svg-inline--fa fa-file-csv"
   data-icon="file-csv"
   data-prefix="fas"
   role="img"