task/WG-366: update react frontend to use tapisv3 (#250)

* Add jwt-decode package

* Update authflow to use Geoapi

* Update auth/headers for making requests

* Update call to systems

* Fix unit test

* Update some packages

* Navigate to project on click

* Refactor to ensure user has valid tapis token

* Refactor updating tapis token

* Add missing index.ts

* Add auth utils tests

react/package.json

@@ -48,6 +48,7 @@
     "eslint-plugin-prettier": "^4.2.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "formik": "^2.4.5",
+    "jwt-decode": "^4.0.0",
     "leaflet": "^1.9.3",
     "postcss-nesting": "^12.0.3",
     "prettier": "^2.7.1",

react/src/__fixtures__/appConfigurationFixture.ts

@@ -4,9 +4,6 @@ import {
   MapillaryConfiguration,
 } from '../types';
 
-const clientId = 'abc_123_JWT';
-const jwtId = 'abc_123_client_id';
-
 export const mapillaryConfig: MapillaryConfiguration = {
   authUrl: 'https://www.mapillary.com/connect',
   tokenUrl: 'https://graph.mapillary.com/token',
@@ -21,12 +18,9 @@ export const mapillaryConfig: MapillaryConfiguration = {
 
 export const localDevConfiguration: AppConfiguration = {
   basePath: '/',
-  clientId: clientId,
   geoapiBackend: GeoapiBackendEnvironment.Local,
   geoapiUrl: 'http://localhost:8888',
-  designSafeUrl: 'https://agave.designsafe-ci.org/',
-  designsafePortalUrl: 'https://designsafeci-dev.tacc.utexas.edu/',
+  designsafePortalUrl: 'https://designsafeci-dev.tacc.utexas.edu',
   mapillary: mapillaryConfig,
   taggitUrl: 'http://localhost:4200/taggit-staging',
-  jwt: jwtId,
 };

react/src/__fixtures__/authStateFixtures.ts

@@ -1,13 +1,15 @@
 import { AuthState } from '../types';
 
+// Convert the timestamp to a Date object
+const expiresAtDate = new Date(3153600000000); //2070
+
 export const authenticatedUser: AuthState = {
   user: {
     username: 'user',
-    email: '[email protected]',
   },
   authToken: {
     token: 'auth-token',
-    expires: 3153600000000, // 2070
+    expiresAt: expiresAtDate.toISOString(),
   },
 };