[examples/openspending][m]: implement analytics and update favicon

2023-05-19 15:12:38 -03:00
4 changed files with 3102 additions and 50 deletions
--- a/examples/openspending/package-lock.json
+++ b/examples/openspending/package-lock.json
--- a/examples/openspending/package.json
+++ b/examples/openspending/package.json
@ -10,6 +10,7 @@
    "test": "vitest"
  },
  "dependencies": {
    "@flowershow/core": "^0.4.13",
    "@githubocto/flat-ui": "^0.14.1",
    "@heroicons/react": "^2.0.18",
    "@octokit/plugin-throttling": "^5.2.2",
@ -22,7 +23,7 @@
    "eslint": "8.39.0",
    "eslint-config-next": "13.3.1",
    "flexsearch": "0.7.21",
-    "next": "13.3.1",
+    "next": "13.3.0",
    "next-seo": "^6.0.0",
    "octokit": "^2.0.14",
    "papaparse": "^5.4.1",
--- a/examples/openspending/pages/_app.tsx
+++ b/examples/openspending/pages/_app.tsx
@ -2,10 +2,52 @@ import { AppProps } from 'next/app';
 import './styles.css';
 import { NextSeo } from 'next-seo';
 import { useEffect } from 'react';
 import { pageview } from '@flowershow/core';
 import Script from 'next/script';
 import Head from 'next/head';
 import { useRouter } from 'next/router';
 function CustomApp({ Component, pageProps }: AppProps) {
  const router = useRouter();
  const GA_TOKEN = 'G-GXZF7NRXX6';
  useEffect(() => {
    const handleRouteChange = (url) => {
      pageview(url);
    };
    router.events.on('routeChangeComplete', handleRouteChange);
    return () => {
      router.events.off('routeChangeComplete', handleRouteChange);
    };
  }, [router.events]);
  return (
    <>
      <Head>
        <link rel="shortcut icon" href="/squared_logo.png" />
      </Head>
      <NextSeo title="OpenSpending" />
      <Script
        strategy="afterInteractive"
        src={`https://www.googletagmanager.com/gtag/js?id=${GA_TOKEN}`}
      />
      <Script
        id="gtag-init"
        strategy="afterInteractive"
        dangerouslySetInnerHTML={{
          __html: `
          window.dataLayer = window.dataLayer || [];
          function gtag(){dataLayer.push(arguments);}
          gtag('js', new Date());
          gtag('config', ${GA_TOKEN}, {
            page_path: window.location.pathname,
          });
        `,
        }}
      />
      <main className="app">
        <Component {...pageProps} />
      </main>
--- a/examples/openspending/public/squared_logo.png
+++ b/examples/openspending/public/squared_logo.png