Done with ticket

ecom-web/src/actions/checkout_actions.js

@@ -10,4 +10,4 @@ const sendUserOrder = (orderConfirmationResponse) => ({
 })
 
 export const dispatchOrderInfo = (orderInfo) => dispatch => sendOrderPost(orderInfo)
-    .then( response => dispatch(sendUserOrder(response)) )
+    .then( response => dispatch(sendUserOrder(response.data)) )

ecom-web/src/components/checkout/PaymentMethod.js

@@ -9,7 +9,7 @@ export default function PaymentMethod(props) {
             </div>
 
             <div className="shippingInfoInput" id="cardNumberInput">
-                <input  placeholder="Card Number*"
+                <input  placeholder={props.cardNumber}
                         type="text"
                         onChange={(e) => props.captureCardNumber(e.target.value)}
                         className="input-text"
@@ -17,7 +17,7 @@ export default function PaymentMethod(props) {
             </div>
 
             <div className="shippingInfoInput" id="cardholderNameInput">
-                <input  placeholder="Cardholder Name*"
+                <input  placeholder={props.cardHolderName}
                         type="text"
                         onChange={(e) => props.captureCardHolderName(e.target.value)}
                         className="input-text"                
@@ -25,7 +25,7 @@ export default function PaymentMethod(props) {
             </div>
 
             <div className="shippingInfoInput" id="expirationDateInput">
-                <input  placeholder="Expiration Date [MM/YYYY]*"
+                <input  placeholder={props.expirationDate}
                         type="text"
                         onChange={(e) => props.captureExpirationDate(e.target.value)}
                         className="input-text"                
@@ -33,7 +33,7 @@ export default function PaymentMethod(props) {
             </div>
 
             <div className="shippingInfoInput" id="cvvCodeInput">
-                <input  placeholder="CVV*"
+                <input  placeholder={props.cvv}
                         type="text"
                         onChange={(e) => props.captureCVV(e.target.value)}
                         className="input-text"                

ecom-web/src/components/checkout/checkout.js

@@ -10,11 +10,14 @@ import './checkout.css'
 import {dispatchOrderInfo} from './../../actions/checkout_actions'
 
 
-
-
-
 export default function Checkout() {
     
+    ///////////////////////
+    // REDUX Global State
+    ///////////////////////
+    // const {currentUser} = useSelector(state => state)
+    // const {cart} = useSelector(state => state)
+
     ///////////////////////
     // Shipping Info State
     ///////////////////////
@@ -30,10 +33,10 @@ export default function Checkout() {
     ///////////////////////
     // Billing Info State
     ///////////////////////
-    const [cardNumber, setCardNumber] = useState([])
-    const [cardHolderName, setCardHolderName] = useState([])
-    const [expirationDate, setExpirationDate] = useState([])
-    const [cvv, setCVV] = useState([])
+    const [cardNumber, setCardNumber] = useState(["123456789"])
+    const [cardHolderName, setCardHolderName] = useState(["Jane Doe"])
+    const [expirationDate, setExpirationDate] = useState(["05/20206"])
+    const [cvv, setCVV] = useState(["123"])
 
 
     ///////////////////////
@@ -77,10 +80,10 @@ export default function Checkout() {
                 city,
                 state,
                 zipCode,
-                cardNumber,
-                cardHolderName,
-                expirationDate,
-                cvv
+                // cardNumber,
+                // cardHolderName,
+                // expirationDate,
+                // cvv
             ]
     
             // initially validated, gets flipped if required field is empty
@@ -213,7 +216,11 @@ export default function Checkout() {
             />
 
             {/* Collects User's payment info */}
-            <PaymentMethod 
+            <PaymentMethod
+                cardNumber={cardNumber}
+                cardHolderName={cardHolderName}
+                expirationDate={expirationDate}
+                cvv={cvv} 
                 captureCardNumber={setCardNumber}
                 captureCardHolderName={setCardHolderName}
                 captureExpirationDate={setExpirationDate}