Leve/hotfix/19 02 release testing (#940)

* fix edits by release testing * rr view edits
StoriqaTeam · Feb 19, 2019 · 074b1e5 · 074b1e5
1 parent 0a3da8d
commit 074b1e5
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 15 deletions.
diff --git a/src/pages/Store/Product/Product.js b/src/pages/Store/Product/Product.js
@@ -569,11 +569,29 @@ class Product extends Component<PropsType, StateType> {
                         {this.makeTabs(longDescription)}
                       </MediaQuery>
                     </div>
+                    {/*
+                      <MediaQuery minWidth={992}>
+                        <div styleName="rrBlock">
+                          <RRElement productId={productVariant.rawId} dataVendor="brand" />
+                        </div>
+                      </MediaQuery>
+                    */}
                   </Col>
                 </Row>
               </div>
+              {/*
+                <MediaQuery maxWidth={991}>
+                  <div styleName="rrBlock">
+                    <RRElement productId={productVariant.rawId} dataVendor="brand" fullWidth />
+                  </div>
+                </MediaQuery>
+              */}
               <div styleName="rrBlock">
-                <RRElement productId={productVariant.rawId} fullWidth />
+                <RRElement
+                  productId={productVariant.rawId}
+                  title="Similar goods"
+                  fullWidth
+                />
               </div>
             </div>
           </ProductContext.Provider>

diff --git a/src/pages/Store/Product/RRElement/index.js b/src/pages/Store/Product/RRElement/index.js
@@ -1,7 +1,7 @@
 // @flow strict
 
 import React, { Component } from 'react';
-import { map, isEmpty, dissoc, take, filter, isNil } from 'ramda';
+import { map, isEmpty, dissoc, take, filter, isNil, assoc } from 'ramda';
 import { Environment } from 'relay-runtime';
 import classNames from 'classnames';
 // $FlowIgnore
@@ -59,6 +59,8 @@ type PropsType = {
   productId: number,
   fullWidth?: boolean,
   environment: Environment,
+  dataVendor?: string,
+  title?: string,
 };
 
 class RRElement extends Component<PropsType, StateType> {
@@ -72,22 +74,25 @@ class RRElement extends Component<PropsType, StateType> {
 
   componentDidMount() {
     this.isMount = true;
-    const { productId } = this.props;
+    const { productId, dataVendor } = this.props;
+    let params = {
+      itemIds: `${productId}`,
+      format: 'json',
+    };
+
+    if (dataVendor === 'brand') {
+      params = assoc('vendor', 'brand', params);
+    }
 
     axios
       .get(
         'https://api.retailrocket.net/api/2.0/recommendation/alternative/5ba8ba0797a5281c5c422860',
-        {
-          params: {
-            itemIds: `${productId}`,
-            format: 'json',
-          },
-        },
+        { params },
       )
       .then(({ data }) => {
         if (data && !isEmpty(data)) {
           const ids = map(item => item.ItemId, data);
-          this.fetchData(take(4, ids));
+          this.fetchData(ids);
         }
         return true;
       })
@@ -123,7 +128,7 @@ class RRElement extends Component<PropsType, StateType> {
               },
             };
             // $FlowIgnore
-          }, filter(item => !isNil(item.baseProduct), products)),
+          }, take(4, filter(item => !isNil(item.baseProduct), products))),
         });
         return true;
       })
@@ -134,16 +139,18 @@ class RRElement extends Component<PropsType, StateType> {
   };
 
   render() {
-    const { fullWidth } = this.props;
+    const { fullWidth, title } = this.props;
     const { items } = this.state;
     if (isEmpty(items)) {
       return null;
     }
     return (
       <div styleName="container">
-        <div styleName="title">
-          <strong>Similar goods</strong>
-        </div>
+        {!isNil(title) && (
+          <div styleName="title">
+            <strong>Similar goods</strong>
+          </div>
+        )}
         <div styleName={classNames('items', { fullWidth })}>
           {map(
             item => (