fix scope encoding in login url (#22)

virusseq · Nov 17, 2021 · de589fe · de589fe
1 parent 538e194
commit de589fe
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/components/LoginButton.tsx b/components/LoginButton.tsx
@@ -39,11 +39,12 @@ const LoginButton = ({ Icon, title }: { Icon?: React.ComponentType<IconProps>; t
   url.searchParams.append('redirect_uri', NEXT_PUBLIC_AUTH_REDIRECT_URI);
   url.searchParams.append('response_type', 'code');
   url.searchParams.append('resource', window.origin);
-  url.searchParams.append('scope', NEXT_PUBLIC_AUTH_SCOPES);
+  url.searchParams.append('scope', encodeURI(NEXT_PUBLIC_AUTH_SCOPES));
 
   return (
     <a
-      href={url.href}
+      // to respect '+' signs, as they break when using the `searchParams` API
+      href={url.href.replaceAll('%2B', '+')}
       css={css`
         text-decoration: none;
       `}