Remove unused styles

Signed-off-by: Stephen Rugh <[email protected]>
magento · Jan 22, 2020 · e7e0285 · e7e0285
1 parent 8302992
commit e7e0285
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 16 deletions.
diff --git a/packages/venia-ui/lib/components/CartPage/PriceAdjustments/CouponCode/couponCode.css b/packages/venia-ui/lib/components/CartPage/PriceAdjustments/CouponCode/couponCode.css
@@ -6,35 +6,28 @@
 
 .applyButton {
     composes: root_normalPriority from '../../../Button/button.css';
-    align-self: center;
     width: 2rem;
 
-    /* To match height of input in same row...*/
+    /* match the height of the input form. */
     height: 2.25rem;
 }
 
-.errorMessage {
-    color: rgb(var(--venia-error));
-}
-
+/* on mobile... */
 @media (max-width: 640px) {
     .entryForm {
-        /* on mobile, switch to rows */
+        /* switch to rows. */
         grid-template-columns: unset;
         grid-template-rows: 1fr 1fr;
     }
 
     .applyButton {
         composes: applyButton;
-        align-self: center;
+        /* center the button. */
         justify-self: center;
     }
 }
 
 /* Styles for "removal" view. */
-.appliedCoupon {
-    font-size: 1rem;
-}
 
 .removeButton {
     margin-left: 1rem;

diff --git a/packages/venia-ui/lib/components/CartPage/PriceAdjustments/CouponCode/couponCode.js b/packages/venia-ui/lib/components/CartPage/PriceAdjustments/CouponCode/couponCode.js
@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { Fragment } from 'react';
 
 import gql from 'graphql-tag';
 
@@ -105,8 +105,8 @@ const CouponCode = props => {
     if (data.cart.applied_coupons) {
         const codes = data.cart.applied_coupons.map(({ code }) => {
             return (
-                <span className={classes.appliedCoupon} key={code}>
-                    <span className={classes.code}>{code}</span>
+                <Fragment key={code}>
+                    <span>{code}</span>
                     <button
                         className={classes.removeButton}
                         disabled={removingCoupon}
@@ -116,11 +116,11 @@ const CouponCode = props => {
                     >
                         Remove
                     </button>
-                </span>
+                </Fragment>
             );
         });
 
-        return <div className={classes.root}>{codes}</div>;
+        return <div>{codes}</div>;
     } else {
         return (
             <Form className={classes.entryForm} onSubmit={handleApplyCoupon}>