From b66d911e11f771370af3c57675f0e386a5cd8a28 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nikola=20Dere=C5=BEi=C4=87?= <nikola.derezic@gmail.com>
Date: Mon, 19 Feb 2024 09:32:38 +0100
Subject: [PATCH 1/2] fixed SingInButton spacing

---
 app/[locale]/login/page.tsx | 2 +-
 app/ui/SignInButton.tsx     | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/[locale]/login/page.tsx b/app/[locale]/login/page.tsx
index d5cd131..8c8b87e 100644
--- a/app/[locale]/login/page.tsx
+++ b/app/[locale]/login/page.tsx
@@ -47,7 +47,7 @@ const Page:FC = async () => {
       </h1>
       <p className="p mt-[1em] text-center">{t("main-card.text-1")}</p>
       <p className="p mb-[1em] text-center">{t("main-card.text-2")}</p>
-      <span className="text-center">
+      <span className="flex justify-center">
       {
         Object.values(providers).map((provider) => (
           <div key={provider.name}>
diff --git a/app/ui/SignInButton.tsx b/app/ui/SignInButton.tsx
index 30ed47c..bc0f138 100644
--- a/app/ui/SignInButton.tsx
+++ b/app/ui/SignInButton.tsx
@@ -21,7 +21,7 @@ export const SignInButton:React.FC<{ provider: {id:string, name:string} }> = ({
   const t = useTranslations("login-page");
 
     return(
-        <button className="btn btn-neutral mx-1" onClick={() => signIn(provider.id, { callbackUrl:"https://rezije.app/" }) }>
+        <button className="btn btn-neutral m-1" onClick={() => signIn(provider.id, { callbackUrl:"https://rezije.app/" }) }>
             <Image alt="Provider Logo" loading="lazy" height="24" width="24" id="provider-logo-dark" src={providerLogo(provider)} />
             <span>
                 {t("sign-in-button")} {provider.name}</span>

From 7197d1de5fab2cc1a32cddbc36d29c5cfc5d8d5b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nikola=20Dere=C5=BEi=C4=87?= <nikola.derezic@gmail.com>
Date: Mon, 19 Feb 2024 09:42:44 +0100
Subject: [PATCH 2/2] fix: LinkedinProvider config was incorrect

---
 app/lib/auth.ts | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/app/lib/auth.ts b/app/lib/auth.ts
index 985194b..ef83f63 100644
--- a/app/lib/auth.ts
+++ b/app/lib/auth.ts
@@ -38,9 +38,22 @@ export const authConfig: NextAuthConfig = {
          clientId: process.env.GOOGLE_ID,
          clientSecret: process.env.GOOGLE_SECRET,
       }),
+      // config based on https://github.com/nextauthjs/next-auth/issues/8831
       LinkedinProvider({
          clientId: process.env.LINKEDIN_ID,
          clientSecret: process.env.LINKEDIN_SECRET,
+         authorization: { params: { scope: 'email openid' } },
+         issuer: 'https://www.linkedin.com',
+         jwks_endpoint: "https://www.linkedin.com/oauth/openid/jwks",
+         async profile(profile) {
+             return {
+                 id: profile.sub,
+                 name: profile.name,
+                 firstname: profile.given_name,
+                 lastname: profile.family_name,
+                 email: profile.email
+             }
+         },
       })
    ],
    secret: process.env.AUTH_SECRET,