From 00fc4593d8f4ba04b81351e4d44ba68728d113fc Mon Sep 17 00:00:00 2001
From: Rykkel <220993G@mymail.nyp.edu.sg>
Date: Mon, 29 Jul 2024 13:34:15 +0800
Subject: [PATCH] Access token verification

---
 client/src/pages/CommunityPage.tsx | 21 ++++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/client/src/pages/CommunityPage.tsx b/client/src/pages/CommunityPage.tsx
index 7babcf0..fffe686 100644
--- a/client/src/pages/CommunityPage.tsx
+++ b/client/src/pages/CommunityPage.tsx
@@ -15,6 +15,7 @@ import {
   ModalBody,
   ModalFooter,
   useDisclosure,
+  Spinner,
 } from "@nextui-org/react";
 import config from "../config";
 import instance from "../security/http";
@@ -40,6 +41,24 @@ interface Post {
 
 export default function CommunityPage() {
   const navigate = useNavigate();
+  
+  let accessToken = localStorage.getItem("accessToken");
+  if (!accessToken) {
+    return (
+      setTimeout(() => {
+        navigate("/signin");
+      }, 1000) 
+      &&
+      <div className="flex justify-center items-center min-h-screen">
+        <div className="text-center">
+          <p className="text-xl font-bold text-primary-500">User is not verified</p>
+          <p className="text-md">Redirecting to sign-in page...</p>
+          <Spinner color="danger" />
+        </div>
+      </div>
+    );
+  }
+
   const { isOpen, onOpen, onOpenChange } = useDisclosure();
   const [selectedPost, setSelectedPost] = useState<Post | null>(null);
 
@@ -229,7 +248,7 @@ export default function CommunityPage() {
         <div className="flex flex-col gap-4 bg-primary-50 dark:bg-primary-950 p-4 rounded-xl w-[400px]">
           <Button
             startContent={<PlusIcon />}
-            className=" bg-primary-500 dark:bg-primary-700 text-white"
+            className="bg-primary-500 dark:bg-primary-700 text-white"
             size="lg"
             onPress={() => {
               navigate("create");