Auth guard

Author: UnwilledTangent

apps/frontend/src/app/page.tsx

@@ -25,7 +25,7 @@ import {
   SearchOutlined,
 } from "@ant-design/icons";
 import "./styles.scss";
-import { useEffect, useState } from "react";
+import { useEffect, useState, useLayoutEffect } from "react";
 import {
   DeleteQuestion as DeleteQuestionByDocref,
   GetQuestions,
@@ -42,6 +42,8 @@ import {
 import Link from "next/link";
 import TextArea from "antd/es/input/TextArea";
 import { title } from "process";
+import { isAuthenticated } from "@/utils/Auth";
+import { redirect } from 'next/navigation';
 
 /**
  * defines the State of the page whe a user is deleing an object. Has 3 general states:
@@ -117,6 +119,13 @@ export default function Home() {
   // State for refreshing data
   const [refresh, setRefresh] = useState(false);
 
+  useLayoutEffect(() => {
+    const isAuth = isAuthenticated;
+    if(!isAuth){
+      redirect("/login")
+    }
+  }, [])
+
   const handleEditClick = (index: number, question: Question) => {
     // Open the modal for the specific question
     const updatedModals =

apps/frontend/src/app/question/[id]/page.tsx

@@ -25,12 +25,14 @@ import {
   CheckCircleOutlined,
 } from "@ant-design/icons";
 import "./styles.scss";
-import { useEffect, useState } from "react";
+import { useEffect, useState, useLayoutEffect } from "react";
 import { Question, GetSingleQuestion } from "../../services/question";
 import React from "react";
 import TextArea from "antd/es/input/TextArea";
 import { useSearchParams } from "next/navigation";
 import { ProgrammingLanguageOptions } from "@/utils/SelectOptions";
+import { isAuthenticated } from "@/utils/Auth";
+import { redirect } from 'next/navigation';
 
 export default function Home() {
   const [isLoading, setIsLoading] = useState<boolean>(true); // Store the states related to table's loading
@@ -58,6 +60,13 @@ export default function Home() {
   const [description, setDescription] = useState<string | undefined>(undefined);
   const [selectedItem, setSelectedItem] = useState("python"); // State to hold the selected language item
 
+  useLayoutEffect(() => {
+    const isAuth = isAuthenticated;
+    if(!isAuth){
+      redirect("/login")
+    }
+  }, [])
+
   // When code editor page is initialised, fetch the particular question, and display in code editor
   useEffect(() => {
     if (!isLoading) {

apps/frontend/src/utils/Auth.ts

@@ -0,0 +1 @@
+export const isAuthenticated = true;

services/question-service/.gitignore

@@ -1,4 +1,4 @@
 # please add all private keys here
-
+cs3219-g24-staging-firebase-adminsdk-suafv-9c0d1b2299.json
 cs3219-g24-firebase-adminsdk-9cm7h-b1675603ab.json