use talon prop

Signed-off-by: sirugh <rugh@adobe.com>
magento · May 25, 2021 · e803dc5 · e803dc5
1 parent c3c61a6
commit e803dc5
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/packages/peregrine/lib/talons/WishlistPage/useWishlistPage.js b/packages/peregrine/lib/talons/WishlistPage/useWishlistPage.js
@@ -41,8 +41,9 @@ export const useWishlistPage = (props = {}) => {
 
     return {
         errors,
-        wishlists: derivedWishlists,
-        loading
+        loading,
+        shouldRenderVisibilityToggle: derivedWishlists.length > 1,
+        wishlists: derivedWishlists
     };
 };
 
@@ -78,5 +79,7 @@ export const useWishlistPage = (props = {}) => {
  * @typedef {Object} WishlistPageProps
  *
  * @property {Map} errors A map of all the GQL query errors
+ * @property {Boolean} loading is the query loading
+ * @property {Boolean} shouldRenderVisibilityToggle true if wishlists length is > 1.
  * @property {Object} wishlists List of all customer wishlists
  */
diff --git a/packages/venia-ui/lib/components/WishlistPage/wishlistPage.js b/packages/venia-ui/lib/components/WishlistPage/wishlistPage.js
@@ -12,7 +12,12 @@ import CreateWishlist from './createWishlist';
 
 const WishlistPage = props => {
     const talonProps = useWishlistPage();
-    const { errors, wishlists, loading } = talonProps;
+    const {
+        errors,
+        loading,
+        shouldRenderVisibilityToggle,
+        wishlists
+    } = talonProps;
     const { formatMessage } = useIntl();
     const error = errors.get('getCustomerWishlistQuery');
 
@@ -27,10 +32,10 @@ const WishlistPage = props => {
             <Wishlist
                 key={wishlist.id}
                 data={wishlist}
-                shouldRenderVisibilityToggle={wishlists.length > 1}
+                shouldRenderVisibilityToggle={shouldRenderVisibilityToggle}
             />
         ));
-    }, [wishlists]);
+    }, [shouldRenderVisibilityToggle, wishlists]);
 
     if (loading && !error) {
         return fullPageLoadingIndicator;