Passing token down from App

Client using it for contacts search

Author: c-simpson

src/client/src/App.js

@@ -102,14 +102,14 @@ function AuthenticatedApp() {
               (!access_token | jwtExpired) ?  <Login setToken={setToken} /> :    <Switch>
 
                 <Route exact path="/">
-                    <HomePage/>
+                    <HomePage access_token = {access_token}/>
                 </Route>
 
 
                 {  /* If an admin, render Upload page       */
                   userRole === 'admin' &&
                     <Route path="/admin">
-                        <Admin/>
+                        <Admin access_token = {access_token}/>
                     </Route>
                     }
 
@@ -119,11 +119,11 @@ function AuthenticatedApp() {
                 </Route>
 
                 <Route path="/360view/search">
-                    <Search360/>
+                    <Search360 access_token = {access_token} />
                 </Route>
 
                 <Route path="/360view/view">
-                     <View360/>
+                     <View360 access_token = {access_token} />
                 </Route>
 
                 <Route path="/check"> 

src/client/src/pages/DataView360/Search/Search.js

@@ -170,7 +170,15 @@ class Search360 extends Component {
         this.setState({isDataBusy: true, search_participant: search_participant});
 
         await new Promise(resolve => setTimeout(resolve, 1000));
-        let response = await fetch(`/api/contacts/${search_participant}`);
+        let response = await fetch(`/api/contacts/${search_participant}`,
+            {
+                method: 'GET',
+                headers: {
+                    'Content-Type': 'application/json',
+                    'Authorization': 'Bearer ' + this.props.access_token
+                }
+            }
+        );
         response = await response.json();
 
         await this.setState({participantList: response.result})