feat: add google analytics (#47)

sirily11 · web-flow · commit dd178b909dff · 2022-06-28T15:50:58.000+08:00
diff --git a/apps/etdstats/lib/components/table/GeneralBlockTable.tsx b/apps/etdstats/lib/components/table/GeneralBlockTable.tsx
@@ -35,13 +35,18 @@ const columns: GridColDef[] = [
 
 export default function GeneralBlockTable({ data, isLoading }: Props) {
   const rows = useMemo(() => {
-    return data.map((block, index) => {
-      return {
-        id: block.numberInBase10,
-        hash: block.hash,
-        timestamp: block.timestamp,
-      };
-    });
+    return data
+      .map((block, index) => {
+        return {
+          id: block.numberInBase10,
+          hash: block.hash,
+          timestamp: block.timestamp,
+        };
+      })
+      .filter((block, index) => {
+        // find unique
+        return index === data.findIndex((b) => b.hash === block.hash);
+      });
   }, [data]);
 
   return (
diff --git a/apps/etdstats/package.json b/apps/etdstats/package.json
@@ -31,7 +31,8 @@
     "metamask-react": "2.4.0",
     "react-query": "3.39.1",
     "dexie": "3.2.2",
-    "dexie-react-hooks": "1.1.1"
+    "dexie-react-hooks": "1.1.1",
+    "nextjs-google-analytics": "1.2.1"
   },
   "devDependencies": {
     "@types/node": "18.0.0",
diff --git a/apps/etdstats/pages/_app.tsx b/apps/etdstats/pages/_app.tsx
@@ -9,6 +9,7 @@ import { NextLinearProgressBar } from "ui";
 import { deepGreen } from "../lib/utils/colors";
 import { ReactQueryDevtools } from "react-query/devtools";
 import { QueryClient, QueryClientProvider } from "react-query";
+import { GoogleAnalytics } from "nextjs-google-analytics";
 
 const theme = createTheme({
   palette: {
@@ -84,6 +85,7 @@ function MyApp({ Component, pageProps }: AppProps) {
           <head>
             <title>ETDStats</title>
           </head>
+          <GoogleAnalytics strategy="lazyOnload" />
           <Layout menu={<Menu />}>
             <Component {...pageProps} />
           </Layout>
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
