Merge pull request #24 from KBandipo/@gh-12

Fix: Collabocate client & API gives success response for access token's 401 error

@api-server/api/app.service.ts

@@ -1,11 +1,15 @@
 import { Request } from 'express';
+import { unauthorizedErr } from '../lib/errors/Errors';
 
 export const getIssuesService =  async () => {
     const response = await fetch(`${process.env.REPO_API_URL}/issues`, {
         headers: {
           Authorization: `Bearer ${process.env.GITHUB_PERSONAL_ACCESS_TOKEN}`,
         },
     });
+    if (response.status === 401) {
+      unauthorizedErr("Unauthorized: Can't access this resource");
+  }
     const data = await response.json();
     return data;
 }
@@ -23,6 +27,11 @@ export const createIssueService =  async (req: Request) => {
           body: body + '\n\n' + '#' + '\n' + '> Submitted via **Collabocate** [[GitHubSync]](https://github.com/collabo-community/collabocate)',
         }),
     });
+
+    if (response.status === 401) {
+     unauthorizedErr("Unauthorized: Can't access this resource");
+  }
+
     const data = await response.json();
     return data;
 }
@@ -33,6 +42,11 @@ export const getPullRequestsService =  async () => {
           Authorization: `Bearer ${process.env.GITHUB_PERSONAL_ACCESS_TOKEN}`,
         },
     });
+
+    if (response.status === 401) {
+      unauthorizedErr("Unauthorized: Can't access this resource");
+  }
+
     const data = await response.json();
     return data;
 }
@@ -44,6 +58,11 @@ export const getRepositoriesService =  async () => {
           },
         }
     );
+
+    if (response.status === 401) {
+      unauthorizedErr("Unauthorized: Can't access this resource");
+  }
+
     const data = await response.json();
     return data;
 }

@api-server/lib/errors/Errors.ts

@@ -1,4 +1,4 @@
-import { CustomError, HttpCode } from './CustomError';
+import { CustomError, HttpCode} from './CustomError';
 
 // --- Error Classes ---
 class NotFoundError extends CustomError {
@@ -10,6 +10,14 @@ class NotFoundError extends CustomError {
 class BadRequestError extends CustomError {
   constructor(message: string){
     super(message, HttpCode.BAD_REQUEST)
+
+  }
+}
+
+
+class UnauthorizedError extends CustomError {
+  constructor(message: string){
+    super(message, HttpCode.UNAUTHORIZED)
   }
 }
 
@@ -18,11 +26,13 @@ class BadRequestError extends CustomError {
 interface ThrowError {
   notFoundErr: (message: string) => void;
   badRequestErr: (message: string) => void;
+  unauthorizedErr: (message: string) => void;
 }
 
 const throwError: ThrowError = {
   notFoundErr: (message) => { throw new NotFoundError(message); },
   badRequestErr: (message) => { throw new BadRequestError(message); },
+  unauthorizedErr: (message) => { throw new UnauthorizedError(message); },
 };
 
-export const { notFoundErr, badRequestErr } = throwError;
+export const { notFoundErr, badRequestErr, unauthorizedErr } = throwError;

@dev-client/views/@plugin_githubsync/githubsync.js

@@ -26,6 +26,12 @@ submitIssueForm.addEventListener('submit', async (e) => {
       },
       body: JSON.stringify({ title, body }),
     });
+
+if (response.status === 401){
+  displayToastrMessage.innerHTML = 'Unauthorized: Can\'t access this resource';
+  return;
+}
+
     const data = await response.json();
     console.log(data);
     issueTitleInput.value = '';