feat(axiom): implement discord auth

Author: MFarabi619

apps/axiom/src/components/AfterLogin/index.tsx

@@ -28,13 +28,12 @@ export function OAuthButtons() {
       />
       <OAuthButton
         href="/api/users/oauth/github"
-      iconSrc="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/github/github-original.svg"
+        iconSrc="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/github/github-original.svg"
         bgColor="green"
         altText="GitHub Login"
       />
       <OAuthButton
-        // href="/api/users/oauth/discord"
-        href="https://www.youtube.com/watch?v=dQw4w9WgXcQ"
+        href="/api/users/oauth/discord"
         iconSrc="https://cdn.prod.website-files.com/6257adef93867e50d84d30e2/636e0a69f118df70ad7828d4_icon_clyde_blurple_RGB.svg"
         bgColor="#1e2124"
         altText="Discord Login"
@@ -75,6 +74,7 @@ const buttonStyles = {
   fontSize: '16px',
   fontWeight: 'bold',
   borderRadius: '5px',
+  transition: 'all 750ms ease-in-out',
 };
 
 const iconStyle = {

libs/cms/auth/config.ts

@@ -54,7 +54,7 @@ export const discordStrategyConfig = {
   subFieldName: 'discordSub',
   clientId: process.env.DISCORD_CLIENT_ID || "",
   clientSecret: process.env.DISCORD_CLIENT_SECRET || "",
-  authorizePath: "/oauth2/authorize",
+  authorizePath: "/oauth/discord",
   callbackPath: "/oauth/discord/callback",
   tokenEndpoint: "https://discord.com/api/oauth2/token",
   providerAuthorizationUrl: "https://discord.com/oauth2/authorize",

libs/cms/auth/strategies/discord.ts

@@ -8,22 +8,23 @@ export const discordOAuth = OAuth2Plugin({
   scopes: [
     "identify",
     "email",
-    "openid"
   ],
   getUserInfo: async (accessToken: string, req: PayloadRequest) => {
     const response = await fetch(
-      `https://discord.com/api/v10`,
+      `https://discord.com/api/v10/users/@me`,
       { headers: { Authorization: `Bearer ${accessToken}` } },
     );
+    console.log(accessToken)
     const user = await response.json();
 
     return {
-      // email: user.email,
-      // firstName: user.given_name,
-      // lastName: user.family_name,
-      // displayName: user.name,
-      // mediaUrl: user.picture,
-      // discordSub: user.sub,
+      email: user.email,
+      discordUsername: user.username,
+      discordVerified: user.verified,
+      discordDiscriminator: user.discriminator,
+      discordId: user.id,
+      discordGlobalName: user.global_name,
+      discordLocale: user.locale,
     };
   },
   ...discordStrategyConfig,

libs/db/collections/models/Users.ts

@@ -349,19 +349,35 @@ export const Users: CollectionConfig = {
           type: 'collapsible',
           label: 'Discord',
           fields: [
-            // {
-            //   name: 'discordSub',
-            //   type: 'text',
-            //   admin: {
-            //     readOnly: true,
-            //     //   condition: (data, siblingData, { user }) => {
-            //     //     return false
-            //   },
-            // },
             {
-              name: 'discordEmailVerified',
+              name: 'discordUsername',
+              type: 'text',
+            },
+            {
+              name: 'discordGlobalName',
+              type: 'text',
+            },
+            {
+              name: 'discordVerified',
               type: 'checkbox',
             },
+            {
+              name: 'discordDiscriminator',
+              type: 'text',
+            },
+            {
+              name: 'discordLocale',
+              type: 'text',
+            },
+            {
+              name: 'discordId',
+              type: 'text',
+              admin: {
+                readOnly: true,
+                //   condition: (data, siblingData, { user }) => {
+                //     return false
+              },
+            },
           ],
         },
         {

libs/db/payload-types.ts

@@ -540,7 +540,12 @@ export interface User {
   githubPublicRepos?: string | null;
   githubLinkedin?: string | null;
   githubInstagram?: string | null;
-  discordEmailVerified?: boolean | null;
+  discordUsername?: string | null;
+  discordGlobalName?: string | null;
+  discordVerified?: boolean | null;
+  discordDiscriminator?: string | null;
+  discordLocale?: string | null;
+  discordId?: string | null;
   googleEmail?: string | null;
   googleEmailVerified?: boolean | null;
   linkedinSub?: string | null;
@@ -1012,7 +1017,12 @@ export interface UsersSelect<T extends boolean = true> {
   githubPublicRepos?: T;
   githubLinkedin?: T;
   githubInstagram?: T;
-  discordEmailVerified?: T;
+  discordUsername?: T;
+  discordGlobalName?: T;
+  discordVerified?: T;
+  discordDiscriminator?: T;
+  discordLocale?: T;
+  discordId?: T;
   googleEmail?: T;
   googleEmailVerified?: T;
   linkedinSub?: T;