Pass access_token to namespace getter

web_ui/frontend/app/registry/components/PutPage.tsx

@@ -53,6 +53,7 @@ const PutPage = ({ update }: NamespaceFormPage) => {
     const urlParams = new URLSearchParams(window.location.search);
     const id = urlParams.get('id');
     const fromUrl = urlParams.get('fromUrl');
+    const accessToken = urlParams.get('access_token');
 
     if (id === null) {
       setAlert({ severity: 'error', message: 'No Namespace ID Provided' });
@@ -73,19 +74,20 @@ const PutPage = ({ update }: NamespaceFormPage) => {
     } catch (e) {
       setAlert({ severity: 'error', message: 'Invalid Namespace ID Provided' });
     }
-  }, []);
 
-  useEffect(() => {
     (async () => {
       if (id !== undefined) {
         try {
-          setNamespace(await getNamespace(id));
+          setNamespace(await getNamespace(id, accessToken || undefined));
         } catch (e) {
-          setAlert({ severity: 'error', message: e as string });
+          if (e instanceof Error) {
+            setAlert({ severity: 'error', message: e.message });
+          }
+          setAlert({ severity: 'error', message: 'Could not fetch namespace' });
         }
       }
     })();
-  }, [id]);
+  }, []);
 
   return (
     <AuthenticatedContent redirect={true} boxProps={{ width: '100%' }}>

web_ui/frontend/app/registry/components/util.tsx

@@ -94,12 +94,16 @@ export const namespaceToOrigin = (data: Namespace) => {
 };
 
 export const getNamespace = async (
-  id: string | number
+  id: string | number,
+  accessToken?: string
 ): Promise<Namespace | undefined> => {
   const url = new URL(
     `/api/v1.0/registry_ui/namespaces/${id}`,
     window.location.origin
   );
+  if (accessToken) {
+    url.searchParams.append('access_token', accessToken);
+  }
   const response = await fetch(url);
   if (response.ok) {
     return await response.json();
@@ -124,17 +128,26 @@ export const postGeneralNamespace = async (
 export const putGeneralNamespace = async (
   data: Namespace
 ): Promise<Alert | undefined> => {
-  return await handleRequestAlert(
+  // If an access_token is in the URL, add it to the request
+  const url = new URL(
     `/api/v1.0/registry_ui/namespaces/${data.id}`,
-    {
-      body: JSON.stringify(data),
-      method: 'PUT',
-      headers: {
-        'Content-Type': 'application/json',
-      },
-      credentials: 'include',
-    }
+    window.location.origin
   );
+  const accessToken = new URLSearchParams(window.location.search).get(
+    'access_token'
+  );
+  if (accessToken) {
+    url.searchParams.append('access_token', accessToken);
+  }
+
+  return await handleRequestAlert(url.toString(), {
+    body: JSON.stringify(data),
+    method: 'PUT',
+    headers: {
+      'Content-Type': 'application/json',
+    },
+    credentials: 'include',
+  });
 };
 
 export const submitNamespaceForm = async (

web_ui/frontend/components/layout/AuthenticatedContent.tsx

@@ -69,7 +69,7 @@ const AuthenticatedContent = ({
     if (data && checkAuthentication) {
       return checkAuthentication(data);
     } else {
-      return data?.authenticated !== undefined;
+      return !!data?.authenticated;
     }
   }, [data, checkAuthentication]);