Exclude analytics from examples page (#1376)

SutuSebastian · web-flow · commit 2afa3c8fcd8d · 2024-04-23T16:21:59.000+03:00
* fix: exclude analytics from `examples` page leading to page-load-count inception due to code preview examples iframe

* chore: isolate fathom-script into client component + fix reliability of the pathname
diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx
@@ -1,7 +1,8 @@
 import { ThemeModeScript } from "flowbite-react";
 import { Inter as InterFont } from "next/font/google";
-import type { Metadata, NextPage, Viewport } from "next/types";
-import type { FC, PropsWithChildren } from "react";
+import type { Metadata, Viewport } from "next/types";
+import type { PropsWithChildren } from "react";
+import { FathomScript } from "~/components/fathom-script";
 
 import "~/styles/globals.css";
 
@@ -53,7 +54,7 @@ export const viewport: Viewport = {
   ],
 };
 
-const RootLayout: NextPage<PropsWithChildren> = ({ children }) => {
+export default function RootLayout({ children }: PropsWithChildren) {
   return (
     <html lang="en" className={`${interFont.variable} font-sans`}>
       <head>
@@ -65,10 +66,4 @@ const RootLayout: NextPage<PropsWithChildren> = ({ children }) => {
       </body>
     </html>
   );
-};
-
-const FathomScript: FC = () => {
-  return <script data-site="UXMSXUQI" defer src="https://cdn.usefathom.com/script.js" />;
-};
-
-export default RootLayout;
+}
diff --git a/apps/web/components/fathom-script.tsx b/apps/web/components/fathom-script.tsx
@@ -0,0 +1,12 @@
+"use client";
+
+import { usePathname } from "next/navigation";
+
+export function FathomScript() {
+  const pathname = usePathname();
+  const isExamplesPage = pathname.startsWith("/examples/");
+
+  if (isExamplesPage) return null;
+
+  return <script data-site="UXMSXUQI" defer src="https://cdn.usefathom.com/script.js" />;
+}
