Merge pull request #252 from AMTuttle02/prod

Sync branches

Author: AMTuttle02

react/src/CheckoutDetails.jsx

@@ -8,7 +8,7 @@ function CheckoutDetails() {
     const [order, setOrder] = useState([]);
     const [email, setEmail] = useState("");
     const [shipping, setShipping] = useState(0);
-    const [paying, setPaying] = useState(1);
+    const [paying, setPaying] = useState(0);
     const [location, setLocation] = useState("");
     const [address, setAddress] = useState("");
     const [city, setCity] = useState("");
@@ -401,9 +401,10 @@ function CheckoutDetails() {
                         <input type="text" id="adr" name="address" placeholder="Iberia Dollar General" onChange={(event) => setLocation(event.target.value)}/>
                         {notCustomOrder ?
                             <div className="row">
+                                <p className="red">Pay Now is currently disabled due to an unresolved error.</p>
                                 <div className="split50Center">
-                                    <label>
-                                    <input type="radio" checked={paying === 1} onChange={() => setPaying(1)}/> Pay Now
+                                    <label className="grayOut">
+                                    <input type="radio" checked={paying === 1} onChange={() => setPaying(0)}/> Pay Now
                                     </label>
                                 </div>
                                 <div className="split50Center">

react/src/index.css

@@ -1456,6 +1456,10 @@ footer {
   width: 15%;
 }
 
+.grayOut {
+  color: gray;
+}
+
 /* Responsive layout - when the screen is less than 1199px wide */
 @media screen and (max-width: 1199px) {
   .coupon-table th,