Player registration payments

.gitignore

@@ -167,3 +167,5 @@ cython_debug/
 /.envrc
 /secrets
 /cron/
+/.vscode
+/.DS_STORE

frontend/.gitignore

@@ -1,2 +1,3 @@
 node_modules/
 static/bundle.js
+/.DS_STORE

frontend/src/components/RazorpayPayment.js

@@ -14,6 +14,11 @@ const RazorpayPayment = props => {
       props.setStatus(
         "Razorpay SDK failed to load. please check are you online?"
       );
+      if (props.failureCallback) {
+        props.failureCallback(
+          "Razorpay SDK failed to load. please check are you online?"
+        );
+      }
     }
   });
 
@@ -24,7 +29,9 @@ const RazorpayPayment = props => {
     const event_id = props.event?.id;
     const team_id = props.team?.id;
     const data = team_id
-      ? { team_id, event_id } // Team Registration
+      ? player_ids
+        ? { team_id, event_id, player_ids } // Player Registration
+        : { team_id, event_id } // Team Registration
       : props.annual
       ? player_ids
         ? { player_ids, season_id } // Group Membership
@@ -70,11 +77,11 @@ const RazorpayPayment = props => {
                     </span>
                   );
                 } else {
-                  if (response.status === 422) {
+                  if (response.status >= 400 && response.status < 500) {
                     const error = await response.json();
                     props.setStatus(`Error: ${error.message}`);
                     if (props.failureCallback) {
-                      props.failureCallback(`Error: ${error.message}`);
+                      props.failureCallback(error.message);
                     }
                   } else {
                     const body = await response.text();
@@ -83,7 +90,7 @@ const RazorpayPayment = props => {
                     );
                     if (props.failureCallback) {
                       props.failureCallback(
-                        `Error: ${response.statusText} (${response.status}) — ${body}`
+                        `${response.statusText} (${response.status}) — ${body}`
                       );
                     }
                   }
@@ -97,19 +104,19 @@ const RazorpayPayment = props => {
             );
             if (props.failureCallback) {
               props.failureCallback(
-                `Error: ${response.error.code}: ${response.error.description}`
+                `${response.error.code}: ${response.error.description}`
               );
             }
           });
           paymentObject.open();
 
           //   window.location = data.redirect_url;
         } else {
-          if (response.status === 422) {
+          if (response.status >= 400 && response.status < 500) {
             const error = await response.json();
             props.setStatus(`Error: ${error.message}`);
             if (props.failureCallback) {
-              props.failureCallback(`Error: ${error.message}`);
+              props.failureCallback(`${error.message}`);
             }
           } else {
             const body = await response.text();
@@ -118,7 +125,7 @@ const RazorpayPayment = props => {
             );
             if (props.failureCallback) {
               props.failureCallback(
-                `Error: ${response.statusText} (${response.status}) — ${body}`
+                `${response.statusText} (${response.status}) — ${body}`
               );
             }
           }
@@ -129,7 +136,7 @@ const RazorpayPayment = props => {
         setLoading(false);
         props.setStatus(`Error: ${error}`);
         if (props.failureCallback) {
-          props.failureCallback(`Error: ${error}`);
+          props.failureCallback(`${error}`);
         }
       });
   };