import type { GetStaticPropsContext } from 'next' import { getConfig } from '@framework/api' import getAllPages from '@framework/api/operations/get-all-pages' import useWishlist from '@framework/wishlist/use-wishlist' import { Layout } from '@components/common' import { Heart } from '@components/icons' import { Text, Container } from '@components/ui' import { WishlistCard } from '@components/wishlist' import { defatultPageProps } from '@lib/defaults' import { useCustomer } from '@framework/customer' export async function getStaticProps({ preview, locale, }: GetStaticPropsContext) { const config = getConfig({ locale }) const { pages } = await getAllPages({ config, preview }) return { props: { ...defatultPageProps, pages }, } } export default function Wishlist() { const { data: customer } = useCustomer() const { data, isEmpty } = useWishlist() 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