import type { GetStaticPropsContext } from 'next' import { getConfig } from '@bigcommerce/storefront-data-hooks/api' import getAllPages from '@bigcommerce/storefront-data-hooks/api/operations/get-all-pages' import useWishlist from '@bigcommerce/storefront-data-hooks/wishlist/use-wishlist' import { Layout } from '@components/core' import { Heart } from '@components/icons' import { Container, Text } from '@components/ui' import { WishlistCard } from '@components/wishlist' export async function getStaticProps({ preview, locale, }: GetStaticPropsContext) { const config = getConfig({ locale }) const { pages } = await getAllPages({ config, preview }) return { props: { pages }, } } export default function Wishlist() { const { data, isEmpty } = useWishlist({ includeProducts: true }) return (
My Wishlist
{isEmpty ? (

Your wishlist is empty

Biscuit oat cake wafer icing ice cream tiramisu pudding cupcake.

) : ( data && data.items?.map((item) => ( )) )}
) } Wishlist.Layout = Layout