Merge pull request #359 from w3bdesign/develop

Remove nested ternary

Author: w3bdesign

components/Checkout/CheckoutForm.component.jsx

@@ -5,7 +5,7 @@ import Billing from './Billing.component';
 import OrderDetails from './OrderDetails.component';
 import MobileOrderDetails from './MobileOrderDetails.component';
 import LoadingSpinner from '../LoadingSpinner/LoadingSpinner.component';
-//import Payment from './Payment.component';
+// TODO Add more payment methods
 
 import { GET_CART } from 'utils/gql/GQL_QUERIES';
 import { CHECKOUT_MUTATION } from 'utils/gql/GQL_MUTATIONS';

components/Product/SingleProduct.component.jsx

@@ -43,14 +43,15 @@ const SingleProduct = ({ product }) => {
       ) : (
         <div className="container flex flex-wrap items-center pt-4 pb-12 mx-auto ">
           <div className="grid grid-cols-1 gap-4 mt-16 lg:grid-cols-2 xl:grid-cols-2 md:grid-cols-2 sm:grid-cols-2">
-            {image ? (
+            {image && (
               <img
                 id="product-image"
                 className="h-auto p-8 transition duration-500 ease-in-out transform xl:p-2 md:p-2 lg:p-2 hover:grow hover:shadow-lg hover:scale-105"
                 alt={name}
                 src={image.sourceUrl}
               />
-            ) : (
+            )}
+            {!image && (
               <img
                 id="product-image"
                 className="h-auto p-8 transition duration-500 ease-in-out transform xl:p-2 md:p-2 lg:p-2 hover:grow hover:shadow-lg hover:scale-105"