From 2ea4425230c2f8a75392a19f7c541e78b9543214 Mon Sep 17 00:00:00 2001
From: Juan Carlo Vieri <juan.c.vieri@gmail.com>
Date: Mon, 11 Aug 2025 20:56:06 +0700
Subject: [PATCH 1/2] Changes to navbar

---
 src/app/components/NavBar.tsx      | 28 +++++++++++++++++++++++++---
 src/app/dashboard/profile/page.tsx | 26 +++++++++++++++++---------
 2 files changed, 42 insertions(+), 12 deletions(-)

diff --git a/src/app/components/NavBar.tsx b/src/app/components/NavBar.tsx
index 907e8b3..282b7bb 100644
--- a/src/app/components/NavBar.tsx
+++ b/src/app/components/NavBar.tsx
@@ -109,7 +109,7 @@ export default function NavBar() {
             <span>Profile</span>
           </Link>
         </li>
-        <li className="hover:translate-x-1">
+        {/* <li className="hover:translate-x-1">
           <Link
             className="flex items-center gap-3 py-2"
             href="/dashboard/instructions"
@@ -133,8 +133,8 @@ export default function NavBar() {
             </svg>
             <span>Instructions</span>
           </Link>
-        </li>
-        <li className="hover:translate-x-1">
+        </li> */}
+        {/* <li className="hover:translate-x-1">
           <Link
             className="flex items-center gap-3 py-2"
             href="/dashboard/roomBidding"
@@ -158,6 +158,28 @@ export default function NavBar() {
             </svg>
             <span>Room Bidding</span>
           </Link>
+        </li> */}
+        <li className="hover:translate-x-1">
+          <Link className="flex items-center gap-3 py-2" href="/dashboard/ccas">
+            <svg
+              className="h-5 w-5"
+              fill="none"
+              height="24"
+              stroke="currentColor"
+              strokeLinecap="round"
+              strokeLinejoin="round"
+              strokeWidth="2"
+              viewBox="0 0 24 24"
+              width="24"
+              xmlns="http://www.w3.org/2000/svg"
+            >
+              <rect x="3" y="2" width="14" height="20" />
+              <line x1="3" y1="7" x2="17" y2="7" />
+              <line x1="3" y1="11" x2="17" y2="11" />
+              <line x1="3" y1="15" x2="17" y2="15" />
+            </svg>
+            <span>CCA Signup</span>
+          </Link>
         </li>
         <li className="hover:translate-x-1">
           <Link
diff --git a/src/app/dashboard/profile/page.tsx b/src/app/dashboard/profile/page.tsx
index b59f44b..040b835 100644
--- a/src/app/dashboard/profile/page.tsx
+++ b/src/app/dashboard/profile/page.tsx
@@ -23,7 +23,9 @@ const ProfilePage = () => {
 
   const [isClient, setIsClient] = useState(false);
   const [roomBidInfo, setRoomBidInfo] = useState<RoomInfoType>();
-  const [ccaPoints, setCcaPoints] = useState<{ cca: string; points: number }[]>([]);
+  const [ccaPoints, setCcaPoints] = useState<{ cca: string; points: number }[]>(
+    []
+  );
   const [easterEgg, setEasterEgg] = useState(false);
   const [isLoading, setIsLoading] = useState(true); // New loading flag
 
@@ -39,7 +41,9 @@ const ProfilePage = () => {
   const fetchRoomBidInfo = async () => {
     try {
       setIsLoading(true); // Set loading to true when fetch starts
-      const response = await axios.get(`${process.env.NEXT_PUBLIC_BACKEND_URL}/room/info`);
+      const response = await axios.get(
+        `${process.env.NEXT_PUBLIC_BACKEND_URL}/room/info`
+      );
       if (response.data.success) {
         const roomBidInfo: RoomInfoType = {
           isEligible: response.data.data.info.isEligible,
@@ -104,9 +108,9 @@ const ProfilePage = () => {
               </h1>
               <p className="text-gray-500">Year {user.year}</p>
               <div className="mt-2 flex flex-wrap gap-2 justify-center sm:justify-start">
-                <span className="px-3 py-1 bg-gray-200 text-gray-700 rounded-full text-sm">
+                {/* <span className="px-3 py-1 bg-gray-200 text-gray-700 rounded-full text-sm">
                   Points: {roomBidInfo?.points || "Loading..."}
-                </span>
+                </span> */}
                 {isSuperhero && (
                   <span className="px-3 py-1 bg-gray-200 text-gray-700 rounded-full text-sm">
                     Star Status
@@ -123,12 +127,14 @@ const ProfilePage = () => {
         </div>
 
         {/* CCA Points Distribution */}
-        <div className="bg-white rounded-lg shadow-sm p-6 animate-slide-up">
+        {/* <div className="bg-white rounded-lg shadow-sm p-6 animate-slide-up">
           <h2 className="text-xl sm:text-2xl font-semibold text-gray-800 mb-6 text-center">
             Your Activities
           </h2>
           {isLoading ? (
-            <p className="text-gray-500 text-center">Loading your activities...</p>
+            <p className="text-gray-500 text-center">
+              Loading your activities...
+            </p>
           ) : ccaPoints.length > 0 ? (
             <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4 max-h-96 overflow-y-auto">
               {ccaPoints
@@ -139,7 +145,9 @@ const ProfilePage = () => {
                     className="group bg-gray-50 p-4 rounded-lg shadow-sm hover:shadow-md transition-all duration-300 transform hover:-translate-y-1"
                   >
                     <div className="flex justify-between items-center">
-                      <span className="text-gray-700 font-medium truncate">{cca.cca}</span>
+                      <span className="text-gray-700 font-medium truncate">
+                        {cca.cca}
+                      </span>
                       <div className="relative">
                         <div className="w-10 h-10 bg-gray-200 rounded-full flex items-center justify-center text-gray-600 font-semibold shadow-sm group-hover:animate-pulse">
                           {cca.points}
@@ -160,7 +168,7 @@ const ProfilePage = () => {
               Shining bright like a star! 🌟
             </p>
           )}
-        </div>
+        </div> */}
       </div>
 
       {/* Hidden Bunny Easter Egg */}
@@ -206,4 +214,4 @@ const customStyles = `
     50% { transform: rotate(3deg); }
     100% { transform: rotate(-3deg); }
   }
-`;
\ No newline at end of file
+`;

From f35d71baf9a9dfb5ba95747d12a8f2111d0456ed Mon Sep 17 00:00:00 2001
From: Juan Carlo Vieri <juan.c.vieri@gmail.com>
Date: Tue, 12 Aug 2025 09:35:22 +0700
Subject: [PATCH 2/2] Update profile page

---
 src/app/dashboard/profile/page.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/app/dashboard/profile/page.tsx b/src/app/dashboard/profile/page.tsx
index 040b835..4d8431b 100644
--- a/src/app/dashboard/profile/page.tsx
+++ b/src/app/dashboard/profile/page.tsx
@@ -106,7 +106,9 @@ const ProfilePage = () => {
               <h1 className="text-2xl sm:text-3xl font-semibold text-gray-800">
                 {user.username} {isSuperhero && "✨"}
               </h1>
-              <p className="text-gray-500">Year {user.year}</p>
+              {/* <p className="text-gray-500">Year {user.year}</p> */}
+              <p className="text-gray-500">Gender: {user.gender}</p>
+              <p className="text-gray-500">Room: {user.room}</p>
               <div className="mt-2 flex flex-wrap gap-2 justify-center sm:justify-start">
                 {/* <span className="px-3 py-1 bg-gray-200 text-gray-700 rounded-full text-sm">
                   Points: {roomBidInfo?.points || "Loading..."}