feature: get store config data

Author: Samox

src/NavBar/StoreConfig/StoreConfigNavItem.tsx

@@ -7,7 +7,7 @@ import { StoreConfigInnerDialog } from "./StoreConfigDialog";
 import Dialog from "@pluralsight/ps-design-system-dialog";
 import useFetch from "use-http";
 import { WebhookStoreUrlContext } from "../WebhookStoreUrl/WebhookStoreUrl.context";
-import { IDENTITY_TOKEN_KEY } from "../../local-storage";
+import { ACCESS_TOKEN_KEY, IDENTITY_TOKEN_KEY } from "../../local-storage";
 import { decodeJWT } from "../../utils/decode-jwt";
 
 export const StoreConfigNavItem = () => {
@@ -16,23 +16,36 @@ export const StoreConfigNavItem = () => {
   const [authConfig, setAuthConfig] = useState<{ protected: boolean }>({
     protected: false,
   });
+  const [storeConfig, setStoreConfig] = useState<{
+    maxNumberOfWebhookPerHost?: number;
+    defaultTarget?: string[];
+  }>({});
 
   const { value: webhookStoreUrl } = useContext(WebhookStoreUrlContext);
-  const { get, response } = useFetch(webhookStoreUrl);
+  const accessToken = localStorage.getItem(ACCESS_TOKEN_KEY);
+  const { get, response } = useFetch(webhookStoreUrl, {
+    headers: accessToken ? { Authorization: `Bearer ${accessToken}` } : {},
+  });
   const idToken = localStorage.getItem(IDENTITY_TOKEN_KEY);
   const identityToken =
     idToken &&
     decodeJWT<{ name: string; ghOrganisations: string[] }, any>(idToken);
 
   useEffect(() => {
     getAuthConfig();
+    getStoreConfig();
   }, []);
 
   async function getAuthConfig() {
     const initialiseAuthConfig = await get("auth-metadata");
     if (response.ok) setAuthConfig(initialiseAuthConfig);
   }
 
+  async function getStoreConfig() {
+    const initialiseStoreConfig = await get("store-metadata");
+    if (response.ok) setStoreConfig(initialiseStoreConfig);
+  }
+
   const accessConfig = {
     type: authConfig.protected ? "private" : "public",
     sublabel: authConfig.protected ? "Only you" : "Anyone with the link",
@@ -54,8 +67,8 @@ export const StoreConfigNavItem = () => {
           display: "github.webhook.store",
         },
       ];
-  const defaultTargets = ["https://google.com", "https://google.com"];
-  const storageLimit = 100;
+  const defaultTargets = storeConfig.defaultTarget;
+  const storageLimit = storeConfig.maxNumberOfWebhookPerHost;
 
   return (
     <Below

src/apollo.client.ts

@@ -77,6 +77,10 @@ const getAccessToken = async (
     }
   );
   const json = await accessTokenRequest.json();
+  if (json.statusCode > 300) {
+    console.error("Cannot refresh token", json);
+    throw new Error(json.message);
+  }
   const accessToken = json.accessToken;
   localStorage.setItem(ACCESS_TOKEN_KEY, accessToken);