hotfix for classname bug and item image bug

Purse · Jul 18, 2018 · 4373b6e · 4373b6e
1 parent 2df54c2
commit 4373b6e
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 6 deletions.
diff --git a/.gitignore b/.gitignore
@@ -3,4 +3,5 @@ node_modules/
 build/
 build.pem
 .DS_Store
-*/.DS_Store
+*/.DS_Store
+dist.crx
diff --git a/popup/src/scripts/components/app/LoggedIn.js b/popup/src/scripts/components/app/LoggedIn.js
@@ -44,7 +44,7 @@ class LoggedIn extends Component {
         <div className="row header">
           <div className="col-5">
             <h2>Shopping Cart</h2>
-            <p class="username">{this.props.username}</p>
+            <p className="username">{this.props.username}</p>
           </div>
           { (cartItems.length > 0) &&
             <div className="col-7">

diff --git a/popup/src/scripts/components/app/cartItem.js b/popup/src/scripts/components/app/cartItem.js
@@ -6,15 +6,13 @@ class CartItem extends Component {
     super(props);
   }
 
-  componentDidMount() {
-  }
-
   render() {
     const productLink = `https://www.amazon.com/gp/product/${this.props.item.asin}`;
+    const itemImage = (this.props.item.images && this.props.item.images.small) ? this.props.item.images.small: '#';
     return (
       <div className="row product">
         <div className="col-3">
-          <img src={this.props.item.images.small} />
+          <img src={itemImage} />
         </div>
         <div className="col-9">
           <a target="_blank" href={productLink}>{this.props.item.name}</a>

diff --git a/styles/popup.css b/styles/popup.css
@@ -46,6 +46,10 @@
   border-bottom-width: 0px;
 }
 
+#app .product img {
+  width: 100%;
+}
+
 #app .checkout {
   display: block;
   padding: 15px 30px;