feat: account and orders

Author: VariableVic

src/app/account/addresses/page.tsx

@@ -0,0 +1,16 @@
+import AccountLayout from "@modules/account/templates/account-layout"
+import AddressesTemplate from "@modules/account/templates/addresses-template"
+import { Metadata } from "next"
+
+export const metadata: Metadata = {
+  title: "Addresses",
+  description: "View your addresses",
+}
+
+export default function Addresses() {
+  return (
+    <AccountLayout>
+      <AddressesTemplate />
+    </AccountLayout>
+  )
+}

src/app/account/layout.tsx

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

src/app/account/login/page.tsx

@@ -0,0 +1,11 @@
+import LoginTemplate from "@modules/account/templates/login-template"
+import { Metadata } from "next"
+
+export const metadata: Metadata = {
+  title: "Sign in",
+  description: "Sign in to your ACME account.",
+}
+
+export default function Login() {
+  return <LoginTemplate />
+}

src/app/account/orders/page.tsx

@@ -0,0 +1,16 @@
+import AccountLayout from "@modules/account/templates/account-layout"
+import OrdersTemplate from "@modules/account/templates/orders-template"
+import { Metadata } from "next"
+
+export const metadata: Metadata = {
+  title: "Orders",
+  description: "Overview of your previous orders..",
+}
+
+export default function Orders() {
+  return (
+    <AccountLayout>
+      <OrdersTemplate />
+    </AccountLayout>
+  )
+}

src/app/account/page.tsx

@@ -0,0 +1,16 @@
+import AccountLayout from "@modules/account/templates/account-layout"
+import OverviewTemplate from "@modules/account/templates/overview-template"
+import { Metadata } from "next"
+
+export const metadata: Metadata = {
+  title: "Account",
+  description: "Overview of your account activity.",
+}
+
+export default function Account() {
+  return (
+    <AccountLayout>
+      <OverviewTemplate />
+    </AccountLayout>
+  )
+}

src/app/account/profile/page.tsx

@@ -0,0 +1,16 @@
+import AccountLayout from "@modules/account/templates/account-layout"
+import ProfileTemplate from "@modules/account/templates/profile-template"
+import { Metadata } from "next"
+
+export const metadata: Metadata = {
+  title: "Profile",
+  description: "View and edit your ACME profile.",
+}
+
+export default function Profile() {
+  return (
+    <AccountLayout>
+      <ProfileTemplate />
+    </AccountLayout>
+  )
+}

src/app/collections/[handle]/page.tsx

@@ -1,11 +1,9 @@
 import PageLayout from "app/page-layout"
-import Collection from "./collection"
-
+import CollectionTemplate from "@modules/collections/templates"
 import { Metadata } from "next"
 
 type Props = {
   params: { handle: string }
-  searchParams: { [key: string]: string | string[] | undefined }
 }
 
 const BASEURL = process.env.NEXT_PUBLIC_BASE_URL ?? "https://localhost:3000"
@@ -28,7 +26,7 @@ export default async function CollectionPage({ params }: Props) {
 
   return (
     <PageLayout>
-      <Collection collection={collection} />
+      <CollectionTemplate collection={collection} />
     </PageLayout>
   )
 }

src/app/order/confirmed/[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/confirmed/[id]/page.tsx

@@ -0,0 +1,19 @@
+import medusaRequest from "@lib/medusa-fetch"
+import OrderCompletedTemplate from "@modules/order/templates/order-completed-template"
+import PageLayout from "app/page-layout"
+
+type Props = {
+  params: { id: string }
+}
+
+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>
+  )
+}

src/lib/context/account-context.tsx

@@ -38,6 +38,8 @@ export const AccountProvider = ({ children }: AccountProviderProps) => {
     refetch,
     remove,
   } = useMeCustomer({ onError: () => {} })
+
+  console.log({ customer, retrievingCustomer })
   const loginView = useState<LOGIN_VIEW>(LOGIN_VIEW.SIGN_IN)
 
   const router = useRouter()