From a0acc9a5a3a375c4f2c5fb99ccb6420122c87971 Mon Sep 17 00:00:00 2001
From: UdeeshaPrabhashana <udeeshaprabhashana123@gmail.com>
Date: Tue, 6 Feb 2024 00:58:05 +0530
Subject: [PATCH] Add

---
 Frontend/src/Components/TeamRegistration/TeamRegi.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/Frontend/src/Components/TeamRegistration/TeamRegi.tsx b/Frontend/src/Components/TeamRegistration/TeamRegi.tsx
index 29a9ec3..e0ec066 100644
--- a/Frontend/src/Components/TeamRegistration/TeamRegi.tsx
+++ b/Frontend/src/Components/TeamRegistration/TeamRegi.tsx
@@ -88,7 +88,7 @@ export default function Registration() {
                 Register your Team For Hackaholics 6.0
               </h1>
               {/* display flex */}
-              <div className="col-md-3 text-center" >
+              <div className="col-md-3 text-center">
                 <div className="d-flex flex-column align-items-center">
                   <a href="/" target="_blank">
                     <button className="btn  btn-primary py-2 px-4 text-white">
@@ -125,7 +125,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">
@@ -305,15 +305,14 @@ export default function Registration() {
               )}
 
               <div className="row form-group">
-                <div className="col-md-12  text-left align-items-left">
+                <div className="col-md-12  text-center align-items-center">
                   <input
                     type="submit"
                     value={isSubmitting ? "Registering..." : "Register"}
                     className={`btn btn-primary py-2 px-4 text-white ${
                       isSubmitting ? "btn-loading" : ""
                     }`}
-                    id="btnSubmit"
-                    disabled={isSubmitting}
+                    disabled={isSubmitting || slotsRemaining <= 0}
                   />
                 </div>
               </div>
@@ -337,6 +336,7 @@ function renderMemberFields(prefix: string, register: any) {
         </h3>
       </div>
       <div className="col-md-6">
+        <label htmlFor={`${prefix}-name`}>Name</label>
         <label htmlFor={`${prefix}-name`}>Name</label>
         <input
           type="text"
@@ -346,6 +346,7 @@ function renderMemberFields(prefix: string, register: any) {
         />
       </div>
       <div className="col-md-6">
+        <label htmlFor={`${prefix}-year`}>Year of Study</label>
         <label htmlFor={`${prefix}-year`}>Year of Study</label>
         <select
           id={`${prefix}-year`}