Merge pull request #20 from appbaseio/fix-placeholder-img

fix: placeholder image

src/components/ResultsLayout.js

@@ -10,6 +10,7 @@ import createDOMPurify from 'dompurify';
 import { mediaMax } from '../utils/media';
 import LayoutSwitch from './LayoutSwitch';
 import { defaultPreferences } from '../utils';
+import placeholderImg from '../images/placeholder.png';
 
 const DOMPurify = createDOMPurify(window);
 
@@ -329,17 +330,14 @@ function ResultsLayout({
                                         <div className="card-image-container">
                                             <img
                                                 className="product-image"
-                                                src={
-                                                    image ||
-                                                    'https://www.houseoftara.com/shop/wp-content/uploads/2019/05/placeholder.jpg'
-                                                }
+                                                src={image || placeholderImg}
                                                 height="100%"
                                                 width="100%"
                                                 alt={title}
                                                 onError={(event) => {
                                                     // eslint-disable-next-line
                                                     event.target.src =
-                                                        'https://www.houseoftara.com/shop/wp-content/uploads/2019/05/placeholder.jpg'; // eslint-disable-line
+                                                        placeholderImg; // eslint-disable-line
                                                 }}
                                             />
                                         </div>
@@ -552,16 +550,15 @@ function ResultsLayout({
                                                 <img
                                                     className="product-image"
                                                     src={
-                                                        image ||
-                                                        'https://www.houseoftara.com/shop/wp-content/uploads/2019/05/placeholder.jpg'
+                                                        image || placeholderImg
                                                     }
                                                     height="100%"
                                                     width="100%"
                                                     alt={title}
                                                     onError={(event) => {
                                                         // eslint-disable-next-line
                                                         event.target.src =
-                                                            'https://www.houseoftara.com/shop/wp-content/uploads/2019/05/placeholder.jpg'; // eslint-disable-line
+                                                            placeholderImg; // eslint-disable-line
                                                     }}
                                                 />
                                             </div>

src/components/Suggestion.js

@@ -7,6 +7,7 @@ import get from 'lodash.get';
 import Highlight from 'react-highlight-words';
 import createDOMPurify from 'dompurify';
 import { shopifyDefaultFields } from '../utils';
+import placeholderImg from '../images/placeholder.png'
 
 const DOMPurify = createDOMPurify(window);
 
@@ -70,7 +71,7 @@ const Suggestion = ({
                 <img
                     src={
                         image ||
-                        'https://www.houseoftara.com/shop/wp-content/uploads/2019/05/placeholder.jpg'
+                        placeholderImg
                     }
                     alt="suggestion"
                     width="40px"