Added alert to login page for invalid github token

src/app/api/auth/[...nextauth]/route.ts

@@ -102,10 +102,9 @@ const authOptions: NextAuthOptions = {
               'X-GitHub-Api-Version': '2022-11-28'
             },
             validateStatus: (status) => {
-              return [204, 302, 404].includes(status);
+              return [204, 302, 404, 401].includes(status);
             }
           });
-
           if (response.status === 204) {
             console.log(`User ${githubProfile.login} successfully authenticated with GitHub organization - ${ORG}`);
             logger.info(`User ${githubProfile.login} successfully authenticated with GitHub organization - ${ORG}`);
@@ -114,6 +113,10 @@ const authOptions: NextAuthOptions = {
             console.log(`User ${githubProfile.login} is not a member of the ${ORG} organization`);
             logger.warn(`User ${githubProfile.login} is not a member of the ${ORG} organization`);
             return `/login?error=NotOrgMember&user=${githubProfile.login}`; // Redirect to custom error page
+          } else if (response.status === 401) {
+            console.log(`The GitHub token is invalid.`);
+            logger.warn(`The GitHub token is invalid.`);
+            return `/login?error=InvalidToken`;
           } else {
             console.log(`Unexpected error while authenticating user ${githubProfile.login} with ${ORG} github organization.`);
             logger.error(`Unexpected error while authenticating user ${githubProfile.login} with ${ORG} github organization.`);

src/app/login/githublogin.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import { signIn } from 'next-auth/react';
 import { useRouter, useSearchParams } from 'next/navigation';
-import { Button, Content, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant } from '@patternfly/react-core';
+import { Button, Content, Modal, ModalBody, ModalFooter, ModalHeader, ModalVariant, Alert } from '@patternfly/react-core';
 import { GithubIcon } from '@patternfly/react-icons';
 import LoginLinks from '@/app/login/LoginLinks';
 
@@ -11,6 +11,7 @@ const GithubLogin: React.FC = () => {
   const [showError, setShowError] = useState(false);
   const [errorMsg, setErrorMsg] = useState('Something went wrong.');
   const [githubUsername, setGithubUsername] = useState<string | null>(null);
+  const [invalidToken, setInvalidToken] = useState<boolean>(false);
 
   useEffect(() => {
     const githubUsername = searchParams.get('user');
@@ -24,6 +25,9 @@ const GithubLogin: React.FC = () => {
       setErrorMsg(errorMessage);
       setShowError(true);
     }
+    if (error === 'InvalidToken') {
+      setInvalidToken(true);
+    }
   }, [searchParams]);
 
   const handleGitHubLogin = () => {
@@ -77,6 +81,7 @@ const GithubLogin: React.FC = () => {
           Join the novel, community based movement to <br></br>create truly open source LLMs
         </Content>
       </Content>
+      {invalidToken && <Alert variant="danger" title="GitHub token invalid. Try again." />}
       <div className="login-container">
         <Button variant="primary" className="login-button" icon={<GithubIcon />} iconPosition="left" size="lg" onClick={handleGitHubLogin}>
           Sign in with GitHub