chore: minor changes

Tirraa · Apr 21, 2024 · 6efa9cc · 6efa9cc
1 parent 2f4682f
commit 6efa9cc
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/src/components/layouts/navbar/NavbarLoginButton.tsx b/src/components/layouts/navbar/NavbarLoginButton.tsx
@@ -9,6 +9,7 @@ import UserImage from '@/components/ui/hoc/UserImage';
 import { useSession, signIn } from 'next-auth/react';
 import handleSignOut from '@/lib/misc/handleSignOut';
 import { Button } from '@/components/ui/Button';
+import { signInProvider } from '@/config/auth';
 import { useScopedI18n } from '@/i18n/client';
 import { usePathname } from 'next/navigation';
 import ROUTES_ROOTS from '##/config/routes';
@@ -23,6 +24,7 @@ interface NavbarLoginButtonMobileProps extends WithSession {
 interface NavbarLoginButtonProps extends WithIsMobile {}
 
 const { SIZE_PX_VALUE: SIZE } = NAVBAR_ICON_STYLE;
+const provider = signInProvider;
 
 const NavbarLoginButtonMobile: FunctionComponent<NavbarLoginButtonMobileProps> = ({ currentPathname, session }) => {
   const scopedT = useScopedI18n(i18ns.auth);
@@ -39,7 +41,7 @@ const NavbarLoginButtonMobile: FunctionComponent<NavbarLoginButtonMobileProps> =
   }
 
   return (
-    <Button onClick={() => signIn('discord', { callbackUrl: ROUTES_ROOTS.DASHBOARD })} withTransparentBackground className={className}>
+    <Button onClick={() => signIn(provider, { callbackUrl: ROUTES_ROOTS.DASHBOARD })} withTransparentBackground className={className}>
       <KeyIcon height={SIZE} width={SIZE} />
       <span className="sr-only">{scopedT('login')}</span>
     </Button>
@@ -62,7 +64,7 @@ const NavbarLoginButton: FunctionComponent<NavbarLoginButtonProps> = ({ isMobile
       />
     );
 
-  return <NavbarButton onClick={() => signIn('discord', { callbackUrl: ROUTES_ROOTS.DASHBOARD })} i18nTitle={`${auth}.login`} />;
+  return <NavbarButton onClick={() => signIn(provider, { callbackUrl: ROUTES_ROOTS.DASHBOARD })} i18nTitle={`${auth}.login`} />;
 };
 
 export default NavbarLoginButton;
diff --git a/src/components/ui/cta/SignupButton.tsx b/src/components/ui/cta/SignupButton.tsx
@@ -7,6 +7,7 @@ import type { FunctionComponent } from 'react';
 
 import BUTTON_CONFIG from '@/components/config/styles/buttons';
 import { Button } from '@/components/ui/Button';
+import { signInProvider } from '@/config/auth';
 import { useScopedI18n } from '@/i18n/client';
 import ROUTES_ROOTS from '##/config/routes';
 import { signIn } from 'next-auth/react';
@@ -20,7 +21,7 @@ const SignupButton: FunctionComponent<SignUpButtonProps> = () => {
   const className = BUTTON_CONFIG.CLASSNAME;
 
   return (
-    <Button onClick={() => signIn('discord', { callbackUrl: ROUTES_ROOTS.DASHBOARD })} className={className} size="lg">
+    <Button onClick={() => signIn(signInProvider, { callbackUrl: ROUTES_ROOTS.DASHBOARD })} className={className} size="lg">
       {capitalize(scopedT('signup'))}
     </Button>
   );

diff --git a/src/config/auth.ts b/src/config/auth.ts
@@ -11,6 +11,8 @@ const AUTH_SECRETS_SEP = ';;;;;;';
 // See also: https://github.com/nextauthjs/next-auth/issues/10633
 const secret = 'huuuummmmm';
 
+export const signInProvider = 'discord';
+
 const config = {
   providers: [
     Discord({