feat: order pages

Author: VariableVic

src/app/order/confirmed/[id]/page.tsx

@@ -1,19 +1,21 @@
 import medusaRequest from "@lib/medusa-fetch"
 import OrderCompletedTemplate from "@modules/order/templates/order-completed-template"
 import PageLayout from "app/page-layout"
+import { Metadata } from "next"
 
 type Props = {
   params: { id: string }
 }
 
+export const metadata: Metadata = {
+  title: "Order Confirmed",
+  description: "You purchase was successful",
+}
+
 export default async function CollectionPage({ params }: Props) {
   const { order } = await medusaRequest("GET", `/orders/${params.id}`).then(
     (res) => res.body
   )
 
-  return (
-    <PageLayout>
-      <OrderCompletedTemplate order={order} />
-    </PageLayout>
-  )
+  return <OrderCompletedTemplate order={order} />
 }

src/app/order/details/[id]/loading.tsx

@@ -0,0 +1,5 @@
+import SkeletonOrderConfirmed from "@modules/skeletons/templates/skeleton-order-confirmed"
+
+export default function Loading() {
+  return <SkeletonOrderConfirmed />
+}

src/app/order/details/[id]/page.tsx

@@ -0,0 +1,26 @@
+import medusaRequest from "@lib/medusa-fetch"
+import OrderCompletedTemplate from "@modules/order/templates/order-completed-template"
+import { Metadata } from "next"
+
+type Props = {
+  params: { id: string }
+}
+
+export async function generateMetadata({ params }: Props): Promise<Metadata> {
+  const { order } = await medusaRequest("GET", `/orders/${params.id}`).then(
+    (res) => res.body
+  )
+
+  return {
+    title: `Order #${order.display_id}`,
+    description: `View your order`,
+  }
+}
+
+export default async function CollectionPage({ params }: Props) {
+  const { order } = await medusaRequest("GET", `/orders/${params.id}`).then(
+    (res) => res.body
+  )
+
+  return <OrderCompletedTemplate order={order} />
+}

src/app/order/layout.tsx

@@ -0,0 +1,9 @@
+import PageLayout from "app/page-layout"
+
+export default function CollectionLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return <PageLayout>{children}</PageLayout>
+}