fix(auth): Update sign-in button to use dynamic authentication URL

compsci-adl · Feb 5, 2025 · 9c18244 · 9c18244
1 parent 55af71a
commit 9c18244
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/Header/components/SignInJoin.tsx b/src/components/Header/components/SignInJoin.tsx
@@ -1,11 +1,14 @@
+import { env } from '@/env.mjs';
 import { signIn } from 'next-auth/react';
 import Link from 'next/link';
 import Button from '../../Button';
 
 export function SignInJoin() {
+    const redirectUri = `${env.NEXT_PUBLIC_KEYCLOAK_REDIRECT_URI}?registered`;
+    const authUrl = `${env.NEXT_PUBLIC_AUTH_KEYCLOAK_ISSUER}/protocol/openid-connect/auth?response_type=code&client_id=website&redirect_uri=${redirectUri}&scope=openid+profile+email`;
     return (
         <>
-            <Button colour="orange" onClick={() => signIn('keycloak')}>
+            <Button colour="orange" href={authUrl}>
                 Sign In
             </Button>
             <Button colour="purple" href="/join">