diff --git a/client/components/checkout-form.jsx b/client/components/checkout-form.jsx index 5282a15..0f61c18 100644 --- a/client/components/checkout-form.jsx +++ b/client/components/checkout-form.jsx @@ -1,5 +1,6 @@ import React from 'react'; -import { Button, Card, CardBody, CardHeader, CardText, Col, Container, FormFeedback, Input, InputGroup, Modal, ModalBody, ModalFooter, ModalHeader, Row, UncontrolledTooltip } from 'reactstrap'; +import ReactTooltip from 'react-tooltip'; +import { Button, Card, CardBody, CardHeader, CardText, Col, Container, FormFeedback, Input, InputGroup, Modal, ModalBody, ModalFooter, ModalHeader, Row } from 'reactstrap'; import CheckoutSummaryItem from './checkout-summary-item'; export default class CheckoutForm extends React.Component { @@ -200,8 +201,10 @@ export default class CheckoutForm extends React.Component { 1. SHIPPING - Shipping + Billing Address - Note: This is a demo please do not input actual information! + Shipping + Billing Address + + Note: This is a demo please do not input actual information! + Please enter your name. @@ -223,8 +226,10 @@ export default class CheckoutForm extends React.Component { 2. BILLING - Credit Card Information - Note: This is a demo please do not input actual billing or CC information! + Credit Card Information + + Note: This is a demo please do not input actual billing or CC information. + Please enter a valid 16-digit credit card number (no dashes). @@ -246,13 +251,17 @@ export default class CheckoutForm extends React.Component {
Subtotal: ${(totalCartPrice / 100).toFixed(2)}
-
Shipping: +
Shipping: + + Shipping is set at a flat-rate of $10 + ${(10).toFixed(2)} - Shipping is set at a flat-rate of $10
-
Tax: +
Tax: ${taxedTotal} - Sales tax is based on Orange County, CA's rate of 7.75% + + Sales tax is based on Orange County, CA's rate of 7.75% +

TOTAL : ${totalPrice}
diff --git a/package.json b/package.json index 846c497..5869d9a 100644 --- a/package.json +++ b/package.json @@ -21,6 +21,7 @@ "dependencies": { "react": "16.8.6", "react-dom": "16.8.6", + "react-tooltip": "3.10.0", "reactstrap": "8.0.0" }, "devDependencies": {