Removing nested ternary

Author: w3bdesign

components/Checkout/CheckoutForm.component.jsx

@@ -5,7 +5,6 @@ import Billing from './Billing.component';
 import OrderDetails from './OrderDetails.component';
 import MobileOrderDetails from './MobileOrderDetails.component';
 import LoadingSpinner from '../LoadingSpinner/LoadingSpinner.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

@@ -110,13 +110,13 @@ const SingleProduct = ({ product }) => {
               )}
               <div className="pt-1 mt-2">
                 {
-                  // Display default AddToCart button if we do not have variations. If we do, send the variationId to AddToCart button
+                  // Display default AddToCart button if we do not have variations. 
+                  // If we do, send the variationId to AddToCart button
                 }
-                {product.variations ? (
+                {product.variations && (
                   <AddToCartButton product={selectedVariation} />
-                ) : (
-                  <AddToCartButton product={product} />
                 )}
+                {!product.variations && <AddToCartButton product={product} />}
               </div>
             </div>
           </div>

pages/produkter.js

@@ -14,7 +14,6 @@ import client from 'utils/apollo/ApolloClient.js';
  * Shows an error if the server is down or unreachable.
  */
 const Produkter = ({ products }) => {
-  // TODO Stop hardcoding this value and do actual error checking
   const error = false;
 
   return (