feat: add redirect uri to consent page

gw2auth · Jan 13, 2024 · ff0f501 · ff0f501
1 parent 0b69b2c
commit ff0f501
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 1 deletion.
diff --git a/src/lib/api/api.model.ts b/src/lib/api/api.model.ts
@@ -218,6 +218,7 @@ export interface OAuth2ConsentInfo {
   apiTokensWithInsufficientPermissions: ReadonlyArray<MinimalApiToken>;
   previouslyConsentedGw2AccountIds: ReadonlyArray<string>;
   containsAnyGw2AccountRelatedScopes: boolean;
+  redirectUri: string;
 }
 
 export interface MinimalApiToken {

diff --git a/src/pages/oauth2-consent.tsx b/src/pages/oauth2-consent.tsx
@@ -9,7 +9,7 @@ import {
   Header,
   Multiselect,
   MultiselectProps, SpaceBetween,
-  Spinner,
+  Spinner, TextContent,
 } from '@cloudscape-design/components';
 import React, {
   useCallback, useEffect, useMemo, useState, 
@@ -137,6 +137,13 @@ function ConsentForm({ consentInfo, setActiveWindow }: { consentInfo: OAuth2Cons
     ];
   }, [selectedOptions]);
 
+  const redirectBase = useMemo(() => {
+    const url = new URL(consentInfo.redirectUri);
+    url.search = '';
+    url.pathname = '';
+    return url.toString();
+  }, [consentInfo]);
+
   return (
     <>
       <Container header={<Header variant={'h1'}>Authorize {consentInfo.clientRegistration.displayName}</Header>} variant={'stacked'}>
@@ -181,6 +188,13 @@ function ConsentForm({ consentInfo, setActiveWindow }: { consentInfo: OAuth2Cons
           </Form>
         </form>
       </Container>
+      <Container variant={'stacked'} disableContentPaddings={true}>
+        <TextContent>
+          <Box textAlign={'center'} padding={'xs'}>
+            <small>You will be redirected to <b>{redirectBase}</b></small>
+          </Box>
+        </TextContent>
+      </Container>
     </>
   );
 }