ui: Migrate from CRA to Next.js

This change updates the web frontend to use Next.js instead of Create
React App (CRA). Next.js enables the possibility of rendering pages on
the server side (which reduces the time to first frame) and overall
provides a better development experience.

Future commits will try to futher optimize the implementation for
Next.js.

1 files changed, 2 insertions, 3 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 f652429d..178f269e 100644
--- a/opendc-web/opendc-web-ui/src/containers/auth/Login.js
+++ b/opendc-web/opendc-web-ui/src/containers/auth/Login.js
@@ -3,7 +3,6 @@ import GoogleLogin from 'react-google-login'
 import { useDispatch } from 'react-redux'
 import { logIn } from '../../actions/auth'
 import { Button } from 'reactstrap'
-import config from '../../config'
 
 function Login({ visible, className }) {
     const dispatch = useDispatch()
@@ -30,12 +29,12 @@ function Login({ visible, className }) {
 
     return (
         <GoogleLogin
-            clientId={config.OAUTH_CLIENT_ID}
+            clientId={process.env.NEXT_PUBLIC_OAUTH_CLIENT_ID}
             onSuccess={onAuthResponse}
             onFailure={onAuthFailure}
             render={(renderProps) => (
                 <Button color="primary" onClick={renderProps.onClick} className={className}>
-                    <span className="fa fa-google" /> Login with Google
+                    <span aria-hidden className="fa fa-google" /> Login with Google
                 </Button>
             )}
         />