remove client-side redirects

Author: chiaryan

apps/frontend/src/app/profile/page.tsx

@@ -20,7 +20,6 @@ import {
   ValidateUser,
   VerifyTokenResponseType,
 } from "../services/user";
-import { useRouter } from 'next/navigation';
 
 interface ProfilePageProps {}
 
@@ -33,30 +32,6 @@ const ProfilePage = (props: ProfilePageProps): JSX.Element => {
   const [refresh, setRefresh] = useState<boolean>(false);
   const [messageApi, contextHolder] = message.useMessage();
 
-  // used to check if user JWT is verified
-
-  const [userId, setUserId] = useState<string | undefined>(undefined);
-  const [isAdmin, setIsAdmin] = useState<boolean | undefined>(undefined);
-
-  const router = useRouter();
-  
-  useLayoutEffect(() => {
-    var isAuth = false;
-
-    ValidateUser().then((data: VerifyTokenResponseType) => {
-      setUserId(data.data.id);
-      setEmail(data.data.email);
-      setUsername(data.data.username);
-      setIsAdmin(data.data.isAdmin);
-      isAuth = true;
-    }).finally(() => {
-      if(!isAuth){
-        // cannot verify
-        router.push('/login'); // Client-side redirect using router.push
-      }
-    });
-  }, [router])
-
   useEffect(() => {
     ValidateUser().then((data: VerifyTokenResponseType) => {
       form.setFieldsValue({

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

@@ -57,33 +57,7 @@ export default function Home() {
   const [categories, setCategories] = useState<string[]>([]); // Store the selected filter categories
   const [description, setDescription] = useState<string | undefined>(undefined);
   const [selectedItem, setSelectedItem] = useState("python"); // State to hold the selected language item
-
-  // used to check if user JWT is verified
-
-  const [userId, setUserId] = useState<string | undefined>(undefined);
-  const [email, setEmail] = useState<string | undefined>(undefined);
-  const [username, setUsername] = useState<string | undefined>(undefined);
-  const [isAdmin, setIsAdmin] = useState<boolean | undefined>(undefined);
-
-  const router = useRouter();
 
-  useLayoutEffect(() => {
-    var isAuth = false;
-
-    ValidateUser().then((data: VerifyTokenResponseType) => {
-      setUserId(data.data.id);
-      setEmail(data.data.email);
-      setUsername(data.data.username);
-      setIsAdmin(data.data.isAdmin);
-      isAuth = true;
-    }).finally(() => {
-      if(!isAuth){
-        // cannot verify
-        router.push('/login'); // Client-side redirect using router.push
-      }
-    });
-  }, [router])
-
   // When code editor page is initialised, fetch the particular question, and display in code editor
   useEffect(() => {
     if (!isLoading) {

apps/frontend/src/app/question/page.tsx

@@ -40,7 +40,6 @@ import {
 import Link from "next/link";
 import TextArea from "antd/es/input/TextArea";
 import { ValidateUser, VerifyTokenResponseType } from "../services/user";
-import { useRouter } from "next/navigation";
 
 /**
  * defines the State of the page whe a user is deleing an object. Has 3 general states:
@@ -118,31 +117,14 @@ export default function Home() {
 
   // used to check if user JWT is verified
 
-  const [userId, setUserId] = useState<string | undefined>(undefined);
-  const [email, setEmail] = useState<string | undefined>(undefined);
-  const [username, setUsername] = useState<string | undefined>(undefined);
   const [isAdmin, setIsAdmin] = useState<boolean | undefined>(undefined);
 
-  const router = useRouter();
-
   useLayoutEffect(() => {
-    var isAuth = false;
-
     ValidateUser()
       .then((data: VerifyTokenResponseType) => {
-        setUserId(data.data.id);
-        setEmail(data.data.email);
-        setUsername(data.data.username);
         setIsAdmin(data.data.isAdmin);
-        isAuth = true;
       })
-      .finally(() => {
-        if (!isAuth) {
-          // cannot verify
-          router.push("/login"); // Client-side redirect using router.push
-        }
-      });
-  }, [router]);
+  }, []);
 
   const handleEditClick = (index: number, question: Question) => {
     // Open the modal for the specific question