AccountOverview

A signed-in visitor's account overview above the body of a page, such as the signed-in home page: a heading over the site's dashboard parts. It renders on the server, so a part that loads data streams in behind its own Suspense.

import { AccountOverview } from "@evolve-storefront/layout/account-overview";

Preview

DefaultOpen in Storybook ↗

Usage

The overview with the site's dashboard parts.

// app/[locale]/signed-in-home/page.tsx
<AccountOverview>
  <Suspense fallback={<RecentOrdersSkeleton />}>
    <CurrentOrders orders={orders} />
  </Suspense>
  <PendingApprovalsTodo approvals={approvals} renderLink={renderLink} />
  <AccountManager />
</AccountOverview>
<ContentBlocks blocks={page.body} registry={registry} />;

Props

Prop	Type	Description
children	ReactNode	The dashboard parts the site composes, such as recent orders or approvals.
headingLevel?	HeadingLevel

Any other props go to the root element, like on a plain HTML element.