From 82e03978b89938219958032efb1448cc76baa181 Mon Sep 17 00:00:00 2001 From: Saumit Date: Sat, 27 Sep 2025 02:14:26 +0530 Subject: Initial snapshot - OpenTelemetry demo 2.1.3 -f --- src/frontend/pages/index.tsx | 48 ++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 48 insertions(+) create mode 100755 src/frontend/pages/index.tsx (limited to 'src/frontend/pages/index.tsx') diff --git a/src/frontend/pages/index.tsx b/src/frontend/pages/index.tsx new file mode 100755 index 0000000..6ec2007 --- /dev/null +++ b/src/frontend/pages/index.tsx @@ -0,0 +1,48 @@ +// 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 ProductList from '../components/ProductList'; +import * as S from '../styles/Home.styled'; +import { useQuery } from '@tanstack/react-query'; +import ApiGateway from '../gateways/Api.gateway'; +import Banner from '../components/Banner'; +import { CypressFields } from '../utils/enums/CypressFields'; +import { useCurrency } from '../providers/Currency.provider'; + +const Home: NextPage = () => { + const { selectedCurrency } = useCurrency(); + const { data: productList = [] } = useQuery({ + queryKey: ['products', selectedCurrency], + queryFn: () => ApiGateway.listProducts(selectedCurrency), + }); + + return ( + + + Otel Demo - Home + + + + + + + + + Hot Products + + + + + + +