👽️ Migrate to Google Identity Services (#227) #233
Conversation
* Replace `node-sass` (incompatible with Apple Silicon architecture) with `sass`
* Replace existing Google log in button with new react-oauth/google sign-in button * TODO: update API/backend * TODO: implement Google logout
* Pins `psycopg2` to v2.8.6 to prevent `AssertionError: database connection isn't set to UTC` error which was causing `500` server errors on higher versions of the library with Django
* Force Node 16 in UI Dockerfile to avoid compatibility issues with Node 18
* Use new `@react-oauth/google` library for Google Sign-in * Create `GoogleLoginButton` component to mimic the previous Login button style
| openapi-codec==1.3.2 | ||
| pip-autoremove==0.9.0 | ||
| psycopg2>=2.8 | ||
| psycopg2==2.8.6 |
There was a problem hiding this comment.
| # Copyright 2020(c) The Ontario Institute for Cancer Research. All rights reserved. | ||
|
|
||
| FROM node AS prebuilder | ||
| FROM node:16 AS prebuilder |
There was a problem hiding this comment.
Prevents Docker from using Node 18+, as that breaks compatibility with this project. Node 16 appears to be the latest version of Node that will play nice with this.
| </Main> | ||
| </Switch> | ||
| </App> | ||
| <GoogleOAuthProvider clientId={clientId}> |
There was a problem hiding this comment.
Looks like a lot, but I'm just wrapping the App in the GoogleOAuthProvider here. Necessary for the new Google auth library.
| @@ -0,0 +1,73 @@ | |||
| // adapted from: https://github.com/anthonyjgrove/react-google-login/blob/master/src/google-login.js | |||
There was a problem hiding this comment.
In order to get the access_token required by our back-end, we have to use this library's "custom" button (the default, styled-out-of-the-box Login button does not return this token) which has no styles.
Rather than reinventing the wheel, I just adapted the button component the previous library was using. No one will suspect a thing ;)
@react-oauth/googlefor Google Login