From fd01a50866c5869aa46e0494d8279dbfd3b37c1d Mon Sep 17 00:00:00 2001
From: Chloe <pinkcloudvnn@gmail.com>
Date: Tue, 2 Jul 2024 11:12:40 +0700
Subject: [PATCH] use getAllMetaObjects for collection page

Signed-off-by: Chloe <pinkcloudvnn@gmail.com>
---
 app/account/(orders)/page.tsx | 12 +++++-------
 components/filters/index.tsx  | 10 +++++-----
 2 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/app/account/(orders)/page.tsx b/app/account/(orders)/page.tsx
index 3e833f54f..1fe06cd72 100644
--- a/app/account/(orders)/page.tsx
+++ b/app/account/(orders)/page.tsx
@@ -1,16 +1,16 @@
 import { InformationCircleIcon } from '@heroicons/react/24/outline';
+import ActivateWarranty from 'components/orders/activate-warranty';
 import MobileOrderActions from 'components/orders/mobile-order-actions';
 import OrdersHeader from 'components/orders/orders-header';
 import Price from 'components/price';
+import { Button } from 'components/ui';
 import { getCustomerOrders } from 'lib/shopify';
-import { isBeforeToday, toPrintDate } from 'lib/utils';
+import { toPrintDate } from 'lib/utils';
+import dynamic from 'next/dynamic';
 import Image from 'next/image';
 import Link from 'next/link';
-import { Button } from 'components/ui';
-import dynamic from 'next/dynamic';
 
 const OrderConfirmation = dynamic(() => import('components/orders/order-confirmation'));
-const ActivateWarranty = dynamic(() => import('components/orders/activate-warranty'));
 
 export default async function AccountPage() {
   const orders = await getCustomerOrders();
@@ -64,9 +64,7 @@ export default async function AccountPage() {
                         <span className="sr-only">{order.normalizedId}</span>
                       </Button>
                     </Link>
-                    {!isBeforeToday(order?.warrantyActivationDeadline?.value) && (
-                      <ActivateWarranty order={order} />
-                    )}
+                    <ActivateWarranty order={order} />
                     {!order.orderConfirmation && <OrderConfirmation order={order} />}
                   </div>
                 </div>
diff --git a/components/filters/index.tsx b/components/filters/index.tsx
index 9e1254458..6521862d7 100644
--- a/components/filters/index.tsx
+++ b/components/filters/index.tsx
@@ -1,4 +1,4 @@
-import { getMenu, getMetaobjects } from 'lib/shopify';
+import { getAllMetaobjects, getMenu } from 'lib/shopify';
 import { ReactNode } from 'react';
 import FiltersList from './filters-list';
 
@@ -14,9 +14,9 @@ const YMMFiltersContainer = ({ children }: { children: ReactNode }) => {
 };
 
 const YMMFilters = async () => {
-  const yearsData = getMetaobjects('make_model_year_composite');
-  const modelsData = getMetaobjects('make_model_composite');
-  const makesData = getMetaobjects('make');
+  const yearsData = getAllMetaobjects('make_model_year_composite');
+  const modelsData = getAllMetaobjects('make_model_composite');
+  const makesData = getAllMetaobjects('make');
 
   const [years, models, makes] = await Promise.all([yearsData, modelsData, makesData]);
   const menu = await getMenu('main-menu');
@@ -33,7 +33,7 @@ const YMMFilters = async () => {
 export const YMMFiltersPlaceholder = () => {
   return (
     <YMMFiltersContainer>
-      <div className="flex grow animate-pulse flex-col items-center gap-3 md:flex-row">
+      <div className="flex grow animate-pulse flex-col items-center gap-3 @md:flex-row">
         <div className="h-9 w-full rounded bg-gray-100" />
         <div className="h-9 w-full rounded bg-gray-100" />
         <div className="h-9 w-full rounded bg-gray-100" />