Added support for reusable section

components/layout/dynamic-content-manager/dynamic-content-manager.tsx

@@ -8,6 +8,7 @@ const USPSection = dynamic(() => import('components/modules/usp-section'));
 const Slider = dynamic(() => import('components/modules/slider'));
 const BlurbSection = dynamic(() => import('components/modules/blurb-section'));
 const FilteredProductList = dynamic(() => import('components/modules/filtered-product-list'));
+const ReusableSection = dynamic(() => import('components/modules/reusable-section'));
 interface getContentComponentProps {
   _type: string;
   _key: number;
@@ -40,6 +41,13 @@ const getContentComponent = ({ _type, _key, disabled, ...rest }: getContentCompo
         return;
       }
       break;
+    case 'reusableSection':
+      if (disabled !== true) {
+        Component = ReusableSection;
+      } else {
+        return;
+      }
+      break;
     default:
       return (
         <div

components/modules/reusable-section/reusable-section.tsx

@@ -1,20 +1,27 @@
 'use client'
 
+import DynamicContentManager from 'components/layout/dynamic-content-manager'
+
 interface ReusableSectionProps {
-  section: any
+  section: {
+    existingSection: {
+      section: {
+        sectionType: []
+      }
+    }
+  }
 }
 
 const ReusableSection = ({ section }:ReusableSectionProps) => {
-  console.log(section)
+const data = section.existingSection.section.sectionType;
+
+if (!data) {
+  return;
+}
 
   return (
-    <div className="px-4 lg:px-8 2xl:px-16">
-      <div>
-        Reusable section
-      </div>
-
-    </div>
+    <DynamicContentManager content={data} />
   )
 }
 
-export default ReusableSection
+export default ReusableSection;

lib/sanity/queries.tsx

@@ -146,8 +146,16 @@ export const reusableSection = `
   _type == 'reusableSection' => {
     disabled,
     _type,
-    _key,
-    title
+    title,
+    section {
+      existingSection-> {
+        section {
+          sectionType[] {
+            ${modules}
+          }
+        }
+      }
+    }
   }
 `