Skip to content
This repository has been archived by the owner on Feb 23, 2024. It is now read-only.

Filter by Rating Block > Display a notice in the editor if the store has no products with ratings #7763

Merged
merged 9 commits into from
Dec 12, 2022
Merged

Filter by Rating Block > Display a notice in the editor if the store has no products with ratings #7763

Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
21fa10f
Filter by Rating Block > Display a notice in the editor if the store …
nefeline Nov 28, 2022
6dd7878
Merge branch 'trunk' into fix/filter-by-rating-add-no-products-notice
nefeline Nov 30, 2022
b6e4b7d
update the notice import.
nefeline Nov 30, 2022
0cc2a61
rely on wordpress-components instead of @wordpress/components
nefeline Dec 1, 2022
218d9bb
Merge branch 'trunk' into fix/filter-by-rating-add-no-products-notice
nefeline Dec 5, 2022
53433df
Merge branch 'trunk' into fix/filter-by-rating-add-no-products-notice
nefeline Dec 8, 2022
e985e35
Update the copy and allow users to preview/update the content, settin…
nefeline Dec 8, 2022
ea896ba
address CR.
nefeline Dec 12, 2022
17fda63
Merge branch 'trunk' into fix/filter-by-rating-add-no-products-notice
nefeline Dec 12, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 22 additions & 0 deletions assets/js/blocks/rating-filter/block.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,6 +4,7 @@
import { __, sprintf } from '@wordpress/i18n';
import { speak } from '@wordpress/a11y';
import Rating from '@woocommerce/base-components/product-rating';
import { Notice } from 'wordpress-components';
import { usePrevious, useShallowEqual } from '@woocommerce/base-hooks';
import {
useQueryStateByKey,
Expand Down Expand Up @@ -90,6 +91,9 @@ const RatingFilterBlock = ( {
initialFilters
);

const [ displayNoProductRatingsNotice, setDisplayNoProductRatingsNotice ] =
useState( false );

/**
* Used to redirect the page when filters are changed so templates using the Classic Template block can filter.
*
Expand Down Expand Up @@ -189,13 +193,20 @@ const RatingFilterBlock = ( {
if ( filteredCountsLoading || blockAttributes.isPreview ) {
return;
}

const orderedRatings =
! filteredCountsLoading &&
objectHasProp( filteredCounts, 'rating_counts' ) &&
Array.isArray( filteredCounts.rating_counts )
? [ ...filteredCounts.rating_counts ].reverse()
: [];

if ( isEditor && orderedRatings.length === 0 ) {
setDisplayedOptions( previewOptions );
setDisplayNoProductRatingsNotice( true );
return;
}

const newOptions = orderedRatings
.filter(
( item ) => isObject( item ) && Object.keys( item ).length > 0
Expand Down Expand Up @@ -229,6 +240,7 @@ const RatingFilterBlock = ( {
filteredCounts,
filteredCountsLoading,
productRatings,
isEditor,
] );

/**
Expand Down Expand Up @@ -292,6 +304,16 @@ const RatingFilterBlock = ( {

return (
<>
{ displayNoProductRatingsNotice && (
<Notice status="warning" isDismissible={ false }>
<p>
{ __(
"Your store doesn't have any products with ratings yet. This filter option will display when a product receives a review.",
'woo-gutenberg-products-block'
) }
</p>
</Notice>
) }
<div
className={ classnames( 'wc-block-rating-filter', {
'is-loading': isLoading,
Expand Down