improved readme + renamed stripe functions

Author: omthakare16

README.md

@@ -39,17 +39,15 @@ If using Create React App, set :
 
 in `.env.local` file to make the environment variable accessible on `process.env`.
 
-```
-//.env.local
+```.env
+#.env.local
 
 REACT_APP_EASYAUTH_APP_URL=https://<your_subdomain>.app.easyauth.io
 REACT_APP_EASYAUTH_CLIENT_ID=<client_id>
 REACT_APP_EASYAUTH_REDIRECT_URL=<redirect_uri such as http://127.0.0.1:3000>
 
 ```
 
-
-
 Example App:
 
 ```jsx
@@ -70,6 +68,7 @@ root.render(
 );
 ```
 
+_User can also pass authority,clientId,redirectUri explicitly as a prop in EasauthProvider component._
 
 ```jsx
 //App.js
@@ -123,19 +122,15 @@ function App() {
 export default App;
 ```
 
+```jsx
+<EasyauthProvider
+  authority={process.env.REACT_APP_EASYAUTH_APP_URL}
+  clientId={process.env.REACT_APP_EASYAUTH_CLIENT_ID}
+  redirectUri={process.env.REACT_APP_EASYAUTH_REDIRECT_URL}
+>
+  <App />
+</EasyauthProvider>
 ```
-User can also pass authority,clientId,redirectUri explicitly as a prop in EasauthProvider component 
-for example,
-      ...
-       <EasyauthProvider
-         authority={process.env.REACT_APP_EASYAUTH_APP_URL}
-         clientId={process.env.REACT_APP_EASYAUTH_CLIENT_ID}
-         redirectUri={process.env.REACT_APP_EASYAUTH_REDIRECT_URL}
-        >
-         <App />
-       </EasyauthProvider> 
-
-```       
 
 _For further details and examples, please refer to our [Documentation](https://easyauth.io/docs/quickstart/react/)._
 

src/api/api.js

@@ -1,6 +1,6 @@
 const BASE_URL = process.env.REACT_APP_EASYAUTH_APP_URL + '/tenantbackend';
 
-let token;
+
 const tokenLocalStorage = () => {
   let result;
   const keys = Object.keys(localStorage);
@@ -10,11 +10,8 @@ const tokenLocalStorage = () => {
     }
   });
   const value = localStorage.getItem(result);
-  token = JSON.parse(value)?.id_token;
+  return JSON.parse(value)?.id_token;
 };
-if (!token) {
-  tokenLocalStorage();
-}
 
 const commonAPICall = async (
     PATH,
@@ -25,14 +22,13 @@ const commonAPICall = async (
       'Content-Type': 'application/json',
     },
 ) => {
-  tokenLocalStorage();
   const FULLPATH = BASE_URL + PATH;
   const response = await fetch(FULLPATH, {
     method: METHOD,
     body: BODY,
     headers: {
       ...headers,
-      Authorization: `Bearer ${token}`,
+      Authorization: `Bearer ${tokenLocalStorage()}`,
     },
   });
 
@@ -60,15 +56,15 @@ const getProfile = async () => {
   const response = await getAPI('/api/profile');
   return response;
 };
-const getCreatePortalSessionUrl = async () => {
+const getStripeCreatePortalSessionUrl = async () => {
   const response = await getAPI('/api/stripe/create-portal-session');
   return response;
 };
-const getCheckoutUrl = async (priceId) => {
+const getStripeCheckoutUrl = async (priceId) => {
   const response = await getAPI(`/api/stripe/checkout/${priceId}`);
   return response;
 };
-const getSubscriptions = async () => {
+const getStripeSubscriptions = async () => {
   const response = await getAPI('/api/stripe/subscriptions');
   return response;
 };
@@ -78,7 +74,7 @@ export {
   getAPI,
   postAPI,
   getProfile,
-  getCreatePortalSessionUrl,
-  getCheckoutUrl,
-  getSubscriptions,
+  getStripeCreatePortalSessionUrl,
+  getStripeCheckoutUrl,
+  getStripeSubscriptions,
 };

src/hooks/useStripe/useStripe.jsx

@@ -1,21 +1,21 @@
 import {
-  getCheckoutUrl,
-  getCreatePortalSessionUrl,
-  getSubscriptions,
+  getStripeCheckoutUrl,
+  getStripeCreatePortalSessionUrl,
+  getStripeSubscriptions,
 } from '../../api/api.js';
 
 export const useStripe = () => {
   const createPortalSession = async () => {
-    const response = await getCreatePortalSessionUrl();
+    const response = await getStripeCreatePortalSessionUrl();
     return response.data.url;
   };
 
   const checkout = async (priceId) => {
-    const response = await getCheckoutUrl(priceId);
+    const response = await getStripeCheckoutUrl(priceId);
     return response.data.url;
   };
   const subscriptions = async () => {
-    const response = await getSubscriptions();
+    const response = await getStripeSubscriptions();
     return response.data;
   };
   return {createPortalSession, checkout, subscriptions};

src/hooks/useUser/useUser.jsx

@@ -12,7 +12,7 @@ export const useUser = () => {
     };
 
     fetchUser();
-  }, []);
+  }, [auth]);
 
   return {
     isAuthenticated: auth.isAuthenticated,