add PDP content

Signed-off-by: Chloe <pinkcloudvnn@gmail.com>

components/product/additional-information.tsx

@@ -1,14 +1,38 @@
+import PageContent from 'components/page/page-content';
+import { getMetaobject, getMetaobjectsByIds } from 'lib/shopify';
 import { Product } from 'lib/shopify/types';
-import Details from './details';
-import ShippingPolicy from './shipping-policy';
-import WarrantyPolicy from './warranty-policy';
+import { getSelectedProductVariant } from 'lib/utils';
+
+const AdditionalInformation = async ({
+  product,
+  searchParams
+}: {
+  product: Product;
+  searchParams?: { [key: string]: string | string[] | undefined };
+}) => {
+  const selectedVariant = getSelectedProductVariant({ product, searchParams });
+
+  if (!selectedVariant) return null;
+
+  const pdpContent = await getMetaobject({
+    handle: {
+      handle: `${selectedVariant.condition}-${product.productType}`.toLowerCase(),
+      type: 'pdp_content'
+    }
+  });
+
+  if (!pdpContent) return null;
+
+  const contentIds = pdpContent.content ? JSON.parse(pdpContent.content) : [];
+  const pageContent = await getMetaobjectsByIds(contentIds);
 
-const AdditionalInformation = ({ product }: { product: Product }) => {
   return (
-    <div className="my-5 w-full divide-y">
-      <Details product={product} />
-      <WarrantyPolicy />
-      <ShippingPolicy />
+    <div className="my-6 w-full divide-y">
+      {pageContent.map((block) => (
+        <div key={block.id} className="py-5">
+          <PageContent block={block} />
+        </div>
+      ))}
     </div>
   );
 };