From 255c97e6358abdc3a1c6a46022ef49b02212d7ba Mon Sep 17 00:00:00 2001
From: UdeeshaPrabhashana <udeeshaprabhashana123@gmail.com>
Date: Sun, 4 Feb 2024 07:02:14 +0530
Subject: [PATCH] Add

---
 .../Components/TeamRegistration/TeamRegi.tsx  | 19 +++++++++---
 Frontend/src/Network.ts                       | 30 +++++++++----------
 2 files changed, 30 insertions(+), 19 deletions(-)

diff --git a/Frontend/src/Components/TeamRegistration/TeamRegi.tsx b/Frontend/src/Components/TeamRegistration/TeamRegi.tsx
index 1b1f194..858f069 100644
--- a/Frontend/src/Components/TeamRegistration/TeamRegi.tsx
+++ b/Frontend/src/Components/TeamRegistration/TeamRegi.tsx
@@ -15,7 +15,7 @@ export default function Registration() {
   const [teamMemberCount, setTeamMemberCount] = useState(2); // Default to 2 members
   const [teamMembers, setTeamMembers] = useState<any[]>(["member1", "member2"]);
 
-  // const [slotsRemaining, setSlotsRemaining] = useState(0);
+  const [slotsRemaining, setSlotsRemaining] = useState(0);
 
   // get from the form
   const [university, setUniversity] = useState(
@@ -51,7 +51,7 @@ export default function Registration() {
         background: "#232631",
         color: "#fff",
         footer:
-          '<a href="https://chat.whatsapp.com/LJ7CwK4eiRd3jkLntBfoj0" target="_blank"> Join our whatsapp group <br> <img src="https://img.icons8.com/color/48/000000/whatsapp--v1.png"/></a>',
+          '<a href="" target="_blank"> Join our whatsapp group <br> <img src="https://img.icons8.com/color/48/000000/whatsapp--v1.png"/></a>',
       });
       if (response.success) {
         reset();
@@ -63,6 +63,17 @@ export default function Registration() {
     }
   };
 
+  // get team count Network.shared.getTeamCount()
+    useEffect(() => {
+        const fetchData = async () => {
+            const result = await Network.shared.getTeamCount();
+            console.log(result);
+            setSlotsRemaining(result);
+        }
+        fetchData();
+    }
+    , []);
+
   return (
     <div className="site-section local-bootstrap reg-section">
       <div className="container">
@@ -113,7 +124,7 @@ export default function Registration() {
           <div className="col-md-12 aos-init aos-animate" data-aos="fade-up">
             {/* form disable if no slots remaining , add class to disable */}
             {/* <form onSubmit={handleSubmit(onSubmit)}> */}
-            <form onSubmit={handleSubmit(onSubmit)} className="form">
+            <form onSubmit={handleSubmit(onSubmit)} className={slotsRemaining <= 0 ? "disable-form" : "form"}>
               {/* Team Information */}
               <div className="row form-group">
                 <div className="col-md-12">
@@ -300,7 +311,7 @@ export default function Registration() {
                     className={`btn btn-primary py-2 px-4 text-white ${
                       isSubmitting ? "btn-loading" : ""
                     }`}
-                    disabled={isSubmitting}
+                    disabled={isSubmitting || slotsRemaining <= 0}
                   />
                 </div>
               </div>
diff --git a/Frontend/src/Network.ts b/Frontend/src/Network.ts
index 6d7703b..64ae2a7 100644
--- a/Frontend/src/Network.ts
+++ b/Frontend/src/Network.ts
@@ -28,21 +28,21 @@ export class Network {
         return await response.json();
     }
 
-    // public async getTeamCount(): Promise<number> {
-    //     const response = await fetch(process.env.REACT_APP_BACKEND_URL + '/api/team/count', {
-    //         method: 'GET',
-    //         headers: {
-    //             'Content-Type': 'application/json'
-    //         }
-    //     });
-
-    //     if (!response.ok) {
-    //         throw new Error(response.statusText);
-    //     }
-
-    //     const data = await response.json();
-    //     return data.teamCount;
-    // }
+    public async getTeamCount(): Promise<number> {
+        const response = await fetch(process.env.REACT_APP_BACKEND_URL + '/api/teamregi/count', {
+            method: 'GET',
+            headers: {
+                'Content-Type': 'application/json'
+            }
+        });
+
+        if (!response.ok) {
+            throw new Error(response.statusText);
+        }
+
+        const data = await response.json();
+        return data.teamCount;
+    }
 }
 
 export class ResponseModel {