diff options
| author | Saumit <justsaumit@protonmail.com> | 2025-09-27 02:14:26 +0530 |
|---|---|---|
| committer | Saumit <justsaumit@protonmail.com> | 2025-09-27 02:14:26 +0530 |
| commit | 82e03978b89938219958032efb1448cc76baa181 (patch) | |
| tree | 626f3e54d52ecd49be0ed3bee30abacc0453d081 /src/frontend/pages/cart/index.tsx | |
Initial snapshot - OpenTelemetry demo 2.1.3 -f
Diffstat (limited to 'src/frontend/pages/cart/index.tsx')
| -rw-r--r-- | src/frontend/pages/cart/index.tsx | 39 |
1 files changed, 39 insertions, 0 deletions
diff --git a/src/frontend/pages/cart/index.tsx b/src/frontend/pages/cart/index.tsx new file mode 100644 index 0000000..efb01c9 --- /dev/null +++ b/src/frontend/pages/cart/index.tsx @@ -0,0 +1,39 @@ +// Copyright The OpenTelemetry Authors +// SPDX-License-Identifier: Apache-2.0 + +import { NextPage } from 'next'; +import Head from 'next/head'; +import Footer from '../../components/Footer'; +import Layout from '../../components/Layout'; +import Recommendations from '../../components/Recommendations'; +import * as S from '../../styles/Cart.styled'; +import CartDetail from '../../components/Cart/CartDetail'; +import EmptyCart from '../../components/Cart/EmptyCart'; +import { useCart } from '../../providers/Cart.provider'; +import AdProvider from '../../providers/Ad.provider'; + +const Cart: NextPage = () => { + const { + cart: { items }, + } = useCart(); + + return ( + <AdProvider + productIds={items.map(({ productId }) => productId)} + contextKeys={[...new Set(items.flatMap(({ product }) => product.categories))]} + > + <Head> + <title>Otel Demo - Cart</title> + </Head> + <Layout> + <S.Cart> + {(!!items.length && <CartDetail />) || <EmptyCart />} + <Recommendations /> + </S.Cart> + <Footer /> + </Layout> + </AdProvider> + ); +}; + +export default Cart; |