Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add the first category to deeply nested items (https://github.com/woocommerce/woocommerce-blocks/pull/189)

This commit is contained in:
Kelly Dwan 2018-12-03 13:06:28 -05:00 committed by GitHub
parent e1f8e7d552
commit 46cc38e3be
1 changed files with 13 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
plugins/woocommerce-blocks/assets/js/components/product-category-control/index.js
View File

@ -5,7 +5,7 @@ import { __, _n, sprintf } from '@wordpress/i18n';
import { addQueryArgs } from '@wordpress/url';
import apiFetch from '@wordpress/api-fetch';
import { Component } from '@wordpress/element';
import { find, last } from 'lodash';
import { find, first, last } from 'lodash';
import { MenuItem } from '@wordpress/components';
import PropTypes from 'prop-types';
@ -37,6 +37,17 @@ class ProductCategoryControl extends Component {
} );
}
getBreadcrumbsForDisplay( breadcrumbs ) {
if ( breadcrumbs.length === 1 ) {
return first( breadcrumbs );
}
if ( breadcrumbs.length === 2 ) {
return first( breadcrumbs ) + ' › ' + last( breadcrumbs );
}
return first( breadcrumbs ) + ' … ' + last( breadcrumbs );
}
renderItem( { getHighlightedName, isSelected, item, onSelect, search, depth = 0 } ) {
const classes = [
'woocommerce-search-list__item',
@ -78,8 +89,7 @@ class ProductCategoryControl extends Component {
<span className="woocommerce-product-categories__item-label">
{ !! item.breadcrumbs.length && (
<span className="woocommerce-product-categories__item-prefix">
{ item.breadcrumbs.length > 1 ? '… ' : null }
{ last( item.breadcrumbs ) }
{ this.getBreadcrumbsForDisplay( item.breadcrumbs ) }
</span>
) }
<span