changing methods to access normalized data

Author: AdityaKumawat97

src/Pages/collection/collection.component.jsx

@@ -6,6 +6,7 @@ import './collection.styles.scss'
 
 function CollectionPage({ match, collection }) {
     const { title, items } = collection
+    console.log(match.params)
     return (
         <div className="collection-page">
             <h2 className="title">{title}</h2>

src/components/collections-overview/collections-overview.component.jsx

@@ -2,7 +2,7 @@ import React from 'react'
 import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import './collections-overview.styles.scss'
-import { selectCollections } from "../../redux/shop/shop.selector";
+import { selectCollectionsForPreview } from "../../redux/shop/shop.selector";
 import CollectionPreview from "../collection-preview/Collection-preview.component";
 
 function CollectionsOverview({ collections }) {
@@ -19,6 +19,6 @@ function CollectionsOverview({ collections }) {
 
 
 const mapStatetoProps = createStructuredSelector({
-    collections: selectCollections
+    collections: selectCollectionsForPreview
 })
 export default connect(mapStatetoProps)(CollectionsOverview)

src/redux/shop/shop.selector.js

@@ -7,6 +7,11 @@ export const selectCollections = createSelector(
     shop => shop.collections
 )
 
+export const selectCollectionsForPreview = createSelector(
+    [selectCollections],
+    collections => Object.keys(collections).map(key => collections[key])
+)
+
 export const selectCollection = collectionUrlParam =>
     createSelector(
         [selectCollections],