Merge pull request #121 from IEEEUCSC/udeesha_dev

Add
IEEEUCSC · Feb 5, 2024 · 30d9db9 · 30d9db9
2 parents 4e65bb3 + a0acc9a
commit 30d9db9
Showing 1 changed file with 6 additions and 5 deletions.
diff --git 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`}