feat(sdk-analytics) comment lines in nextjs example

dotCMS · Dec 13, 2024 · e415487 · e415487
1 parent 51522a0
commit e415487
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 25 deletions.
diff --git a/examples/nextjs/src/components/content-types/activity.js b/examples/nextjs/src/components/content-types/activity.js
@@ -1,7 +1,8 @@
 import Image from "next/image";
 import Link from "next/link";
-
 function Activity({ title, description, image, urlTitle }) {
+    // const { track } = useContentAnalytics(); // TODO: Uncomment this line to use Content Analytics
+
     return (
         <article className="p-4 overflow-hidden bg-white rounded shadow-lg">
             {image && (
@@ -19,6 +20,7 @@ function Activity({ title, description, image, urlTitle }) {
             </div>
             <div className="px-6 pt-4 pb-2">
                 <Link
+                    // onClick={() => track("btn-click", { title, urlTitle })} // TODO: Uncomment this line to use Content Analytics
                     href={`/activities/${urlTitle || "#"}`}
                     className="inline-block px-4 py-2 font-bold text-white bg-purple-500 rounded-full hover:bg-purple-700"
                 >

diff --git a/examples/nextjs/src/components/my-page.js b/examples/nextjs/src/components/my-page.js
@@ -19,7 +19,7 @@ import Navigation from "./layout/navigation";
 import NotFound from "@/app/not-found";
 import { usePageAsset } from "../hooks/usePageAsset";
 
-import { DotContentAnalyticsProvider } from "@dotcms/analytics";
+// import { DotContentAnalyticsProvider } from "@dotcms/analytics/react";
 
 /**
  * Configure experiment settings below. If you are not using experiments,
@@ -76,31 +76,31 @@ export function MyPage({ pageAsset, nav }) {
     }
 
     return (
-        <DotContentAnalyticsProvider config={analyticsConfig}>
-            <div className="flex flex-col gap-6 min-h-screen bg-lime-50">
-                {pageAsset?.layout.header && (
-                    <Header>{!!nav && <Navigation items={nav} />}</Header>
-                )}
+        // <DotContentAnalyticsProvider config={analyticsConfig}>
+        <div className="flex flex-col gap-6 min-h-screen bg-lime-50">
+            {pageAsset?.layout.header && (
+                <Header>{!!nav && <Navigation items={nav} />}</Header>
+            )}
 
-                <main className="flex flex-col gap-8 m-auto">
-                    <DotLayoutComponent
-                        pageContext={{
-                            pageAsset,
-                            components: componentsMap,
-                        }}
-                        config={{
-                            pathname,
-                            editor: {
-                                params: {
-                                    depth: 3,
-                                },
+            <main className="flex flex-col gap-8 m-auto">
+                <DotLayoutComponent
+                    pageContext={{
+                        pageAsset,
+                        components: componentsMap,
+                    }}
+                    config={{
+                        pathname,
+                        editor: {
+                            params: {
+                                depth: 3,
                             },
-                        }}
-                    />
-                </main>
+                        },
+                    }}
+                />
+            </main>
 
-                {pageAsset?.layout.footer && <Footer />}
-            </div>
-        </DotContentAnalyticsProvider>
+            {pageAsset?.layout.footer && <Footer />}
+        </div>
+        // </DotContentAnalyticsProvider>
     );
 }