crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-05-19 16:07:01 +00:00
Code Issues Packages Projects Releases Wiki Activity

wrap in GTM provider

Browse Source
This commit is contained in:
Sol Irvine 2023-09-06 16:13:12 -07:00
parent 2932d0822f
commit c65e703e41
2 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
app/[locale]/layout.tsx
View File

@ -2,6 +2,7 @@ import { Lato, Noto_Serif_JP } from 'next/font/google';
import localFont from 'next/font/local';
import { ReactNode, Suspense } from 'react';
import { GoogleProvider } from 'app/context/google-provider';
import { SupportedLocale } from 'components/layout/navbar/language-control';
import { NextIntlClientProvider } from 'next-intl';
import { notFound } from 'next/navigation';
@ -87,6 +88,8 @@ export default async function RootLayout({
notFound();
}
const shouldTrack = process.env.NODE_ENV === 'production';
return (
<html
lang={params.locale}
@ -94,9 +97,11 @@ export default async function RootLayout({
>
<body className="bg-dark text-white selection:bg-green-800 selection:text-green-400">
<NextIntlClientProvider locale={params?.locale} messages={messages}>
<Suspense>
<main>{children}</main>
</Suspense>
<GoogleProvider isShowing={shouldTrack}>
<Suspense>
<main>{children}</main>
</Suspense>
</GoogleProvider>
</NextIntlClientProvider>
</body>
</html>

4
app/context/google-provider.tsx
View File

@ -1,6 +1,8 @@
'use client';
import { FunctionComponent, useEffect } from 'react';
import { useRouter } from 'next/router';
import { useRouter } from 'next/navigation';
import ReactGA from 'react-ga';
import TagManager from 'react-gtm-module';