IO-256 Authorization and Basic Calls

client/src/components/qbo-authorize/qbo-authorize.component.jsx

@@ -9,34 +9,18 @@ import { useCookies } from "react-cookie";
 export default function QboAuthorizeComponent() {
   const location = useLocation();
 
-  const [cookies, setCookie] = useCookies(["access_token", "refresh_token"]);
+  const [, setCookie] = useCookies(["access_token", "refresh_token"]);
 
   const handleQbSignIn = async () => {
     const result = await Axios.post("/qbo/authorize");
     console.log("pushing to history", result.data);
     window.location.href = result.data;
   };
+  const qs = queryString.parse(location.search);
+
+  const { error } = qs;
 
   useEffect(() => {
-    const ExchangeForAccessToken = async () => {
-      const response = await Axios.get(`/qbo/callback${location.search}`);
-
-      let expires = new Date();
-      expires.setTime(expires.getTime() + response.data.expires_in * 1000);
-      setCookie("qbo_access_token", response.data.access_token, {
-        path: "/",
-        expires,
-      });
-      expires = new Date();
-      expires.setTime(
-        expires.getTime() + response.data.x_refresh_token_expires_in * 1000
-      );
-      setCookie("qbo_refresh_token", response.data.refresh_token, {
-        path: "/",
-        expires,
-      });
-    };
-    const qs = queryString.parse(location.search);
     const { code, state, realmId } = qs;
     const hasBeenCalledBack = code && realmId && state;
 
@@ -51,19 +35,19 @@ export default function QboAuthorizeComponent() {
         path: "/",
         expires,
       });
-      ExchangeForAccessToken();
     }
-  }, [location, setCookie]);
+  }, [qs, location, setCookie]);
 
   return (
     <div>
-      <Space>
+      <Space wrap>
         <Button onClick={handleQbSignIn}>
-          <img
+          {/* <img
             src={QboImg}
             alt="Sign in with Intuit"
             onClick={handleQbSignIn}
-          />
+          /> */}
+          auth
         </Button>
         <Button
           onClick={async () => {
@@ -75,7 +59,18 @@ export default function QboAuthorizeComponent() {
         >
           Refresh Token
         </Button>
+        <Button
+          onClick={async () => {
+            const response = await Axios.post(`/qbo/receivables`, {
+              withCredentials: true,
+            });
+            console.log(response);
+          }}
+        >
+          REC
+        </Button>
       </Space>
+      {error && JSON.parse(decodeURIComponent(error)).error_description}
     </div>
   );
 }