Solve issue where the pagebuilder fields wouldn’t be send to the Cate…

…goryDescription component.
graphcommerce-org · Jan 16, 2025 · 9ec5b68 · 9ec5b68
1 parent d09c98b
commit 9ec5b68
Show file tree

Hide file tree

Showing 7 changed files with 7 additions and 14 deletions.
diff --git a/examples/magento-graphcms/components/ProductListLayout/ProductListLayoutClassic.tsx b/examples/magento-graphcms/components/ProductListLayout/ProductListLayoutClassic.tsx
@@ -47,7 +47,7 @@ export const ProductListLayoutClassic = memoDeep((props: ProductListLayoutProps)
           </LayoutTitle>
           <CategoryDescription
             sx={(theme) => ({ textAlign: 'center', mb: theme.spacings.sm })}
-            description={category?.description}
+            {...category}
           />
           <CategoryChildren
             params={params}

diff --git a/examples/magento-graphcms/components/ProductListLayout/ProductListLayoutDefault.tsx b/examples/magento-graphcms/components/ProductListLayout/ProductListLayoutDefault.tsx
@@ -71,7 +71,7 @@ export const ProductListLayoutDefault = memoDeep((props: ProductListLayoutProps)
               textAlignMd='center'
               textAlignSm='center'
               sx={(theme) => ({ px: theme.page.horizontal })}
-              description={category?.description}
+              {...category}
             />
             <CategoryChildren
               sx={(theme) => ({

diff --git a/examples/magento-graphcms/components/ProductListLayout/ProductListLayoutSidebar.tsx b/examples/magento-graphcms/components/ProductListLayout/ProductListLayoutSidebar.tsx
@@ -95,11 +95,7 @@ export const ProductListLayoutSidebar = memoDeep((props: ProductListLayoutProps)
             <>
               <Typography variant='h1'>{title}</Typography>
 
-              <CategoryDescription
-                textAlignMd='start'
-                textAlignSm='start'
-                description={category?.description}
-              />
+              <CategoryDescription textAlignMd='start' textAlignSm='start' {...category} />
               <MediaQuery query={(theme) => theme.breakpoints.down('md')}>
                 <CategoryChildren params={params}>{category?.children}</CategoryChildren>
               </MediaQuery>

diff --git a/examples/magento-open-source/components/ProductListLayout/ProductListLayoutClassic.tsx b/examples/magento-open-source/components/ProductListLayout/ProductListLayoutClassic.tsx
@@ -47,7 +47,7 @@ export const ProductListLayoutClassic = memoDeep((props: ProductListLayoutProps)
           </LayoutTitle>
           <CategoryDescription
             sx={(theme) => ({ textAlign: 'center', mb: theme.spacings.sm })}
-            description={category?.description}
+            {...category}
           />
           <CategoryChildren
             params={params}

diff --git a/examples/magento-open-source/components/ProductListLayout/ProductListLayoutDefault.tsx b/examples/magento-open-source/components/ProductListLayout/ProductListLayoutDefault.tsx
@@ -77,7 +77,7 @@ export const ProductListLayoutDefault = memoDeep((props: ProductListLayoutProps)
               textAlignMd='center'
               textAlignSm='center'
               sx={(theme) => ({ px: theme.page.horizontal })}
-              description={category?.description}
+              {...category}
             />
             <CategoryChildren
               sx={(theme) => ({

diff --git a/examples/magento-open-source/components/ProductListLayout/ProductListLayoutSidebar.tsx b/examples/magento-open-source/components/ProductListLayout/ProductListLayoutSidebar.tsx
@@ -96,11 +96,7 @@ export const ProductListLayoutSidebar = memoDeep((props: ProductListLayoutProps)
             <>
               <Typography variant='h1'>{title}</Typography>
 
-              <CategoryDescription
-                textAlignMd='start'
-                textAlignSm='start'
-                description={category?.description}
-              />
+              <CategoryDescription textAlignMd='start' textAlignSm='start' {...category} />
               <MediaQuery query={(theme) => theme.breakpoints.down('md')}>
                 <CategoryChildren params={params}>{category?.children}</CategoryChildren>
               </MediaQuery>

diff --git a/packages/next-ui/Container/Container.tsx b/packages/next-ui/Container/Container.tsx
@@ -76,6 +76,7 @@ export const Container = React.forwardRef(
         className={[className, classes.root].filter((v) => !!v).join(' ')}
         sx={[
           {
+            width: '100%',
             pl: !breakoutLeft ? padding : undefined,
             pr: !breakoutRight ? padding : undefined,
             '&.breakoutLeft': { pl: 'unset' },