more

src/Components/Modals/PaymentModal.js

@@ -3,7 +3,7 @@ import Button from "../../pageElements/Button";
 import Modal from "react-bootstrap/Modal";
 import TextInput from "../../pageElements/TextInput";
 import { db } from "../../firebase";
-import { paymentfields } from "../../Constants/Fields/Signupfields";
+
 import { splitEvery } from "../../Utils/Array";
 import Col from "react-bootstrap/Col";
 import Form from "react-bootstrap/Form";
@@ -21,8 +21,10 @@ const PaymentModal = ({
   buttonLabelText,
   modalText,
   isBusy,
-  setCardNumber,
-  handleChangeInput,
+  handleChangePaymentInput,
+  handleSignup,
+  paymentdata,
+  setPaymentdata,
 }) => {
   const fieldsChunkSize = 2;
 
@@ -41,10 +43,10 @@ const PaymentModal = ({
               error={data[name].error}
               message={data[name].message}
               label={
-                data[name].value.length === 0 ? signupfields[name].label : ""
+                data[name].value.length === 0 ? paymentfields[name].label : ""
               }
-              type={signupfields[name].type}
-              values={signupfields[name].values}
+              type={paymentfields[name].type}
+              values={paymentfields[name].values}
               disabled={isBusy}
             />
           </Col>