feat: add activate warranty to order details page

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

app/account/(orderId)/orders/[id]/page.tsx

@@ -1,5 +1,5 @@
 import { ArrowLeftIcon, CheckCircleIcon, TruckIcon } from '@heroicons/react/24/outline';
-import { Button } from 'components/button';
+import ActivateWarranty from 'components/orders/activate-warranty';
 import OrderSummary from 'components/orders/order-summary';
 import OrderSummaryMobile from 'components/orders/order-summary-mobile';
 import Price from 'components/price';
@@ -8,7 +8,7 @@ import { Card } from 'components/ui/card';
 import Heading from 'components/ui/heading';
 import Label from 'components/ui/label';
 import Text from 'components/ui/text';
-import { getCustomerOrder } from 'lib/shopify';
+import { getCustomerOrder, getOrderMetafields } from 'lib/shopify';
 import { Fulfillment, Order } from 'lib/shopify/types';
 import { toPrintDate } from 'lib/utils';
 import Image from 'next/image';
@@ -228,7 +228,10 @@ function OrderDetails({ order }: { order: Order }) {
 }
 
 export default async function OrderPage({ params }: { params: { id: string } }) {
-  const order = await getCustomerOrder(params.id);
+  const [order, orderMetafields] = await Promise.all([
+    getCustomerOrder(params.id),
+    getOrderMetafields(params.id)
+  ]);
 
   return (
     <>
@@ -244,9 +247,7 @@ export default async function OrderPage({ params }: { params: { id: string } })
               <Label>Confirmed {toPrintDate(order.processedAt)}</Label>
             </div>
           </div>
-          <div>
-            <Button>Activate Warranty</Button>
-          </div>
+          <ActivateWarranty order={order} orderMetafields={orderMetafields} />
         </div>
         <div className="flex items-start gap-6">
           <div className="flex flex-1 flex-col gap-6">

app/account/(orders)/page.tsx

@@ -4,7 +4,7 @@ import MobileOrderActions from 'components/orders/mobile-order-actions';
 import OrdersHeader from 'components/orders/orders-header';
 import Price from 'components/price';
 import { getCustomerOrders, getOrdersMetafields } from 'lib/shopify';
-import { isBeforeToday, toPrintDate } from 'lib/utils';
+import { toPrintDate } from 'lib/utils';
 import Image from 'next/image';
 import Link from 'next/link';
 
@@ -64,12 +64,7 @@ export default async function AccountPage() {
                       <span>View Order</span>
                       <span className="sr-only">{order.normalizedId}</span>
                     </Link>
-                    {!isBeforeToday(ordersMetafields[order.id]?.warrantyActivationDeadline) && (
-                      <ActivateWarranty
-                        order={order}
-                        orderMetafields={ordersMetafields[order.id]}
-                      />
-                    )}
+                    <ActivateWarranty order={order} orderMetafields={ordersMetafields[order.id]} />
                   </div>
                 </div>