From 0bcdfadfb272c23a050e6b0edf213d42261cd250 Mon Sep 17 00:00:00 2001
From: eric <erotush77@gmail.com>
Date: Mon, 26 Feb 2024 13:10:41 +0300
Subject: [PATCH] Moved analytics and insights components from Mainlayout to
 _app.js

---
 components/MainLayout.js |  6 +++---
 package.json             |  1 +
 pages/_app.js            |  4 ++++
 pnpm-lock.yaml           | 31 +++++++++++++++++++++++++++++++
 4 files changed, 39 insertions(+), 3 deletions(-)

diff --git a/components/MainLayout.js b/components/MainLayout.js
index c03d7799..9680a651 100644
--- a/components/MainLayout.js
+++ b/components/MainLayout.js
@@ -6,8 +6,8 @@ import LoadingAnimation from './LoadingAnimation';
 import HeaderLayout from './HeaderLayout';
 import Link from 'next/link'
 import { NorthEast } from '@mui/icons-material';
-import Image from 'next/image'
-import { Analytics } from '@vercel/analytics/react';
+// import Image from 'next/image'
+
 
 const DelayedLoginButton = () => {
     const [delayed, setDelayed] = useState(false)
@@ -89,7 +89,7 @@ export default function MainLayout({ children, isLoading, searchTerm, isFullWidt
             <div className={"h-full w-full flex flex-col items-center " + (isFullWidth ? "" : "max-w-screen-2xl") + (classes && classes.length > 0 ? classes.join(" ") : "")}>
                
                 { children }
-                <Analytics />
+                
             </div>
 
           {/* Footer */}
diff --git a/package.json b/package.json
index c09cf07e..71d3e09d 100644
--- a/package.json
+++ b/package.json
@@ -32,6 +32,7 @@
     "@radix-ui/react-tabs": "0.0.5",
     "@turf/turf": "^6.5.0",
     "@vercel/analytics": "^1.2.2",
+    "@vercel/speed-insights": "^1.0.10",
     "ag-grid-community": "^26.2.1",
     "ag-grid-enterprise": "^26.2.1",
     "ag-grid-react": "^26.2.0",
diff --git a/pages/_app.js b/pages/_app.js
index ce3a6d24..e52a66be 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -11,6 +11,8 @@ import AlertTemplate from "react-alert-template-basic";
 import Backdrop from '@mui/material/Backdrop';
 import CircularProgress from '@mui/material/CircularProgress';
 import { useEffect, useState } from 'react';
+import { Analytics } from '@vercel/analytics/react';
+import { SpeedInsights } from '@vercel/speed-insights/next';
 
 
 
@@ -82,6 +84,8 @@ export default function App(props) {
             isNavigating && <LoadAnimation open={true} />
           }
           <Component {...pageProps} />
+          <Analytics />
+          <SpeedInsights />
         </PermissionContext.Provider>
         </UserGroupContext.Provider>
       </UserContext.Provider>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6c1f0a56..9a46064a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -71,6 +71,9 @@ dependencies:
   '@vercel/analytics':
     specifier: ^1.2.2
     version: 1.2.2(next@12.1.0)(react@18.2.0)
+  '@vercel/speed-insights':
+    specifier: ^1.0.10
+    version: 1.0.10(next@12.1.0)(react@18.2.0)
   ag-grid-community:
     specifier: ^26.2.1
     version: 26.2.1
@@ -3232,6 +3235,34 @@ packages:
       server-only: 0.0.1
     dev: false
 
+  /@vercel/speed-insights@1.0.10(next@12.1.0)(react@18.2.0):
+    resolution: {integrity: sha512-4uzdKB0RW6Ff2FkzshzjZ+RlJfLPxgm/00i0XXgxfMPhwnnsk92YgtqsxT9OcPLdJUyVU1DqFlSWWjIQMPkh0g==}
+    requiresBuild: true
+    peerDependencies:
+      '@sveltejs/kit': ^1 || ^2
+      next: '>= 13'
+      react: ^18 || ^19
+      svelte: ^4
+      vue: ^3
+      vue-router: ^4
+    peerDependenciesMeta:
+      '@sveltejs/kit':
+        optional: true
+      next:
+        optional: true
+      react:
+        optional: true
+      svelte:
+        optional: true
+      vue:
+        optional: true
+      vue-router:
+        optional: true
+    dependencies:
+      next: 12.1.0(@babel/core@7.23.9)(react-dom@18.2.0)(react@18.2.0)
+      react: 18.2.0
+    dev: false
+
   /acorn-jsx@5.3.2(acorn@8.10.0):
     resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
     peerDependencies: