add url prefix and suffix

pluralsh · Oct 18, 2024 · a9c5733 · a9c5733
1 parent 3c777e1
commit a9c5733
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/www/src/components/overview/clusters/plural-cloud/EditPluralOIDCClient.tsx b/www/src/components/overview/clusters/plural-cloud/EditPluralOIDCClient.tsx
@@ -8,6 +8,9 @@ import {
   fetchUsers,
 } from '../../../account/Typeaheads'
 
+const urlPrefix = 'https://'
+const urlSuffix = '/oauth2/callback'
+
 export function EditPluralOIDCClientModal({
   open,
   onClose,
@@ -55,9 +58,11 @@ function EditPluralOIDCClient({
   )
 
   const addUrl = useCallback(() => {
-    if (redirectUris.indexOf(url) > -1) return
+    const u = `${urlPrefix}${url}${urlSuffix}`
+
+    if (redirectUris.includes(u)) return
 
-    setRedirectUris([...redirectUris, url])
+    setRedirectUris([...redirectUris, u])
     setUrl('')
   }, [url, setUrl, redirectUris, setRedirectUris])
 
@@ -133,13 +138,11 @@ function EditPluralOIDCClient({
               gap: theme.spacing.small,
             }}
           >
-            <div
-              css={{
-                display: 'flex',
-              }}
-            >
+            <div css={{ display: 'flex' }}>
               <Input
                 value={url}
+                prefix={urlPrefix}
+                suffix={urlSuffix}
                 width="100%"
                 placeholder="Enter a redirect URI"
                 onChange={({ target: { value } }) => setUrl(value)}