more

src/Components/Modals/PaymentModal.js

@@ -15,15 +15,13 @@ import {
 import "../../styles/modals.scss";
 
 const PaymentModal = ({
-  onCancel,
   buttonLabelText,
-  modalText,
   isBusy,
-  handleChangePaymentInput,
-  handleSignup,
+  paymentData,
   paymentfields,
-  paymentdata,
-  setPaymentdata,
+  handleChangePaymentInput,
+  modalText,
+  handleSignup,
 }) => {
   const fieldsChunkSize = 2;
 
@@ -33,15 +31,15 @@ const PaymentModal = ({
         <Row key={`row${j}`}>
           {names.map((name, i) => (
             <Row key={`${name}${i + fieldsChunkSize * j}`} className="mb-3">
-              {console.log("paymentdata", paymentdata)}
+              {console.log("paymentdata", paymentData)}
               <TextInput
                 name={name}
-                value={paymentdata[name].value}
+                value={paymentData[name].value}
                 onChange={(e) => handleChangePaymentInput(e, name)}
-                error={paymentdata[name].error}
-                message={paymentdata[name].message}
+                error={paymentData[name].error}
+                message={paymentData[name].message}
                 label={
-                  paymentdata[name].value.length === 0
+                  paymentData[name].value.length === 0
                     ? paymentfields[name].label
                     : ""
                 }
@@ -57,7 +55,7 @@ const PaymentModal = ({
   };
 
   return (
-    <Modal show="true" onHide={onCancel} size="lg">
+    <Modal show="true" size="lg">
       <Modal.Header closeButton>
         <Modal.Title>Enter Payment Card Information</Modal.Title>
       </Modal.Header>
@@ -71,7 +69,7 @@ const PaymentModal = ({
         <Button
           disabled={isBusy}
           className="secondary-button"
-          onClick={onCancel}
+          onClick={"onCancel"}
           labelText="Cancel"
         />
         <Button
@@ -86,3 +84,7 @@ const PaymentModal = ({
 };
 
 export default PaymentModal;
+
+/*
+ onHide={onCancel} 
+ */