Merge pull request #141 from vtex-apps/fix/legacy-attachment

Fix Attachment List on legacy

CHANGELOG.md

@@ -7,6 +7,10 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+## [2.15.2] - 2019-04-08
+### Fixed
+- Legacy should use attachment list component from legacy.
+
 ## [2.15.1] - 2019-04-08
 ### Fixed
 - Rename interface `_` to `product-summary-space` to prevent conflict.

manifest.json

@@ -1,7 +1,7 @@
 {
   "vendor": "vtex",
   "name": "product-summary",
-  "version": "2.15.1",
+  "version": "2.15.2",
   "title": "Product Summary",
   "description": "Product summary component",
   "defaultLocale": "pt-BR",

react/legacy/components/AttachmentList.js

@@ -0,0 +1,35 @@
+import React from 'react'
+import { productShape } from '../../utils/propTypes'
+import { pathOr } from 'ramda'
+
+import RemovedAttachmentsList from '../../components/ProductSummaryAttachmentList/RemovedAttachmentsList'
+import AddedAttachmentsList from '../../components/ProductSummaryAttachmentList/AddedAttachmentsList'
+
+import styles from '../../productSummary.css'
+
+const shouldShowOption = option => option.extraQuantity > 0 || option.item.sellingPrice !== 0
+
+const AttachmentList = ({ product }) => {
+  const addedOptions = pathOr([], ['assemblyOptions', 'added'], product)
+  const removedOptions = pathOr([], ['assemblyOptions', 'removed'], product)
+  const parentPrice = pathOr(0, ['assemblyOptions', 'parentPrice'], product)
+
+  const filteredOption = addedOptions.filter(shouldShowOption)
+
+  if (filteredOption.length === 0 && removedOptions.length === 0) {
+    return null
+  }
+
+  return (
+    <div className={`${styles.attachmentListContainer} pv2`}>
+      <AddedAttachmentsList addedOptions={filteredOption} parentPrice={parentPrice} />
+      <RemovedAttachmentsList removedOptions={removedOptions} />
+    </div>
+  )
+}
+
+AttachmentList.propTypes = {
+  product: productShape,
+}
+
+export default AttachmentList

react/legacy/components/ProductSummaryInline.js

@@ -3,7 +3,7 @@ import { path } from 'ramda'
 import classNames from 'classnames'
 import { Link } from 'vtex.render-runtime'
 
-import AttachmentList from '../../components/ProductSummaryAttachmentList/AttachmentList'
+import AttachmentList from './AttachmentList'
 import ImageLoader from '../../components/ProductSummaryImage/ImageLoader'
 import ProductImage from './ProductImage'
 import ProductSummaryBuyButton from './ProductSummaryBuyButton'

react/legacy/components/ProductSummaryInlinePrice.js

@@ -3,7 +3,7 @@ import { path } from 'ramda'
 import classNames from 'classnames'
 import { Link } from 'vtex.render-runtime'
 
-import AttachmentList from '../../components/ProductSummaryAttachmentList/AttachmentList'
+import AttachmentList from './AttachmentList'
 import ImageLoader from '../../components/ProductSummaryImage/ImageLoader'
 import ProductImage from './ProductImage'
 import ProductQuantityStepper from './ProductQuantityStepper'

react/legacy/components/ProductSummaryNormal.js

@@ -3,7 +3,7 @@ import { path } from 'ramda'
 import classNames from 'classnames'
 import { Link } from 'vtex.render-runtime'
 
-import AttachmentList from '../../components/ProductSummaryAttachmentList/AttachmentList'
+import AttachmentList from './AttachmentList'
 import ImageLoader from '../../components/ProductSummaryImage/ImageLoader'
 import ProductImage from './ProductImage'
 import ProductSummaryBuyButton from './ProductSummaryBuyButton'

react/legacy/components/ProductSummarySmall.js

@@ -3,7 +3,7 @@ import { path } from 'ramda'
 import classNames from 'classnames'
 import { Link } from 'vtex.render-runtime'
 
-import AttachmentList from '../../components/ProductSummaryAttachmentList/AttachmentList'
+import AttachmentList from './AttachmentList'
 import ImageLoader from '../../components/ProductSummaryImage/ImageLoader'
 import ProductImage from './ProductImage'
 import ProductSummaryBuyButton from './ProductSummaryBuyButton'