ui: Migrate to FontAwesome 5 React library

This change updates the frontend to use the FontAwesome 5 React library
that renders SVG icons as opposed to CSS icon fonts. This migration
resolves a couple of issues we had with server-side rendering of the
previous FontAwesome icons.

1 files changed, 3 insertions, 1 deletions

diff --git a/opendc-web/opendc-web-ui/src/containers/auth/Login.js b/opendc-web/opendc-web-ui/src/containers/auth/Login.js
index 8459ef5f..d8083d89 100644
--- a/opendc-web/opendc-web-ui/src/containers/auth/Login.js
+++ b/opendc-web/opendc-web-ui/src/containers/auth/Login.js
@@ -1,6 +1,8 @@
 import React from 'react'
 import { Button } from 'reactstrap'
 import { useAuth } from '../../auth'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { faSignInAlt } from '@fortawesome/free-solid-svg-icons'
 
 function Login({ visible, className }) {
     const { loginWithRedirect } = useAuth()
@@ -11,7 +13,7 @@ function Login({ visible, className }) {
 
     return (
         <Button color="primary" onClick={() => loginWithRedirect()} className={className}>
-            <span aria-hidden className="fa fa-sign-in" /> Sign In
+            <FontAwesomeIcon icon={faSignInAlt} /> Sign In
         </Button>
     )
 }