From 36541097f112c326bfaeab595b46d2030500fa81 Mon Sep 17 00:00:00 2001
From: damedotblog <hi@dame.art>
Date: Wed, 19 Feb 2025 21:17:29 -0500
Subject: [PATCH] add analytics

---
 package.json |  2 +-
 src/App.jsx  | 50 ++++++++++++++++++++++++++------------------------
 src/index.js |  3 ---
 3 files changed, 27 insertions(+), 28 deletions(-)

diff --git a/package.json b/package.json
index 81ec5ae..062e33f 100644
--- a/package.json
+++ b/package.json
@@ -56,4 +56,4 @@
   "devDependencies": {
     "cross-env": "^7.0.3"
   }
-}
\ No newline at end of file
+}
diff --git a/src/App.jsx b/src/App.jsx
index d2f0902..fe970d2 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,5 +1,5 @@
-// App.jsx
 import React from 'react';
+import { Analytics } from '@vercel/analytics/react';
 import { BrowserRouter as Router, Routes, Route, Navigate } from 'react-router-dom';
 import Navbar from './components/Navbar/Navbar';
 import Footer from './components/Footer/Footer';
@@ -16,30 +16,32 @@ import "./App.css";
 
 const App = () => {
   return (
-    <Router>
-      <div className="app-container" style={{ display: 'flex', flexDirection: 'column', minHeight: '100vh' }}>
-        <Navbar />
-        <div className="main-container" style={{ flex: 1 }}>
-          <Routes>
-            {/* All routes are now public */}
-            <Route path="/home" element={<Home />} />
-            <Route path="/compare" element={<CompareScores />} />
-            <Route path="/alt-text" element={<AltTextRatingTool />} />
-            <Route path="/about" element={<About />} />
-            <Route path="/privacy" element={<Privacy />} />
-            <Route path="/terms" element={<Terms />} />
-            <Route path="/newsletter" element={<Newsletter />} />
-            <Route path="/:username" element={<UserProfile />} />
-            <Route path="/zen" element={<ZenPage />} />
-            
-            {/* Default routes */}
-            <Route path="/" element={<Navigate to="/home" replace />} />
-            <Route path="*" element={<Navigate to="/home" replace />} />
-          </Routes>
+    <>
+      <Router>
+        <div className="app-container" style={{ display: 'flex', flexDirection: 'column', minHeight: '100vh' }}>
+          <Navbar />
+          <div className="main-container" style={{ flex: 1 }}>
+            <Routes>
+              {/* All routes are now public */}
+              <Route path="/home" element={<Home />} />
+              <Route path="/compare" element={<CompareScores />} />
+              <Route path="/alt-text" element={<AltTextRatingTool />} />
+              <Route path="/about" element={<About />} />
+              <Route path="/privacy" element={<Privacy />} />
+              <Route path="/terms" element={<Terms />} />
+              <Route path="/newsletter" element={<Newsletter />} />
+              <Route path="/:username" element={<UserProfile />} />
+              <Route path="/zen" element={<ZenPage />} />
+              {/* Default routes */}
+              <Route path="/" element={<Navigate to="/home" replace />} />
+              <Route path="*" element={<Navigate to="/home" replace />} />
+            </Routes>
+          </div>
+          <Footer />
         </div>
-        <Footer />
-      </div>
-    </Router>
+      </Router>
+      <Analytics />
+    </>
   );
 };
 
diff --git a/src/index.js b/src/index.js
index 56878d4..f00a9cb 100644
--- a/src/index.js
+++ b/src/index.js
@@ -4,7 +4,6 @@ import ReactDOM from 'react-dom/client';
 import App from './App';
 import { ThemeProvider } from './contexts/ThemeContext';
 import "./index.css";
-import { Analytics } from '@vercel/analytics/next';
 
 const container = document.getElementById('root');
 const root = ReactDOM.createRoot(container);
@@ -12,9 +11,7 @@ const root = ReactDOM.createRoot(container);
 root.render(
   <React.StrictMode>
     <ThemeProvider>
-      <Analytics>
         <App />
-      </Analytics>
     </ThemeProvider>
   </React.StrictMode>
 );
\ No newline at end of file
-- 
2.51.2