feat: added providers

triyanox · Jul 24, 2024 · 9d54ff9 · 9d54ff9
1 parent a611a08
commit 9d54ff9
Show file tree

Hide file tree

Showing 4 changed files with 50 additions and 10 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -3,6 +3,7 @@ import type { Metadata } from 'next';
 import localFont from 'next/font/local';
 import React from 'react';
 import './globals.css';
+import { Providers } from '@/components/providers';
 
 const satoshi = localFont({
   src: './fonts/Satoshi-Variable.woff2',
@@ -25,16 +26,18 @@ export default function RootLayout({
   children: React.ReactNode;
 }>) {
   return (
-    <html lang="en" className="">
-      <body
-        className={cn(
-          satoshi.variable,
-          geistMono.variable,
-          'bg-white font-sans',
-        )}
-      >
-        {children}
-      </body>
+    <html lang="en">
+      <Providers>
+        <body
+          className={cn(
+            satoshi.variable,
+            geistMono.variable,
+            'bg-white font-sans',
+          )}
+        >
+          {children}
+        </body>
+      </Providers>
     </html>
   );
 }
diff --git a/components/providers.tsx b/components/providers.tsx
@@ -0,0 +1,13 @@
+'use client';
+
+import { Analytics } from '@vercel/analytics/react';
+import { Fragment } from 'react';
+
+export function Providers({ children }: { children: React.ReactNode }) {
+  return (
+    <Fragment>
+      {children}
+      <Analytics mode="production" />
+    </Fragment>
+  );
+}
diff --git a/package.json b/package.json
@@ -39,6 +39,7 @@
     "@radix-ui/react-toggle-group": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.1.2",
     "@use-gesture/react": "^10.3.1",
+    "@vercel/analytics": "^1.3.1",
     "class-variance-authority": "^0.7.0",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml