fix(#268): remove matomo from project

3 years ago · 6ed5fea40d
parent 34dfd327bb
commit 6ed5fea40d
8 changed files with 38814 additions and 393 deletions
--- a/.gitignore
+++ b/.gitignore
@ -7,6 +7,8 @@

 # testing
 /coverage
+/cypress/videos
+/cypress/screenshots

 # production
 /build
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@ -21,7 +21,6 @@
    "insports": "REACT_APP_CLIENT=insports react-scripts start"
  },
  "dependencies": {
-    "@jonkoops/matomo-tracker-react": "^0.7.0",
    "@stripe/react-stripe-js": "^1.4.0",
    "@stripe/stripe-js": "^1.13.2",
    "babel-polyfill": "^6.26.0",
--- a/public/index.html
+++ b/public/index.html
@ -42,14 +42,6 @@
          name="msapplication-config"
          content="%PUBLIC_URL%/clients/%REACT_APP_CLIENT%/favicon/browserconfig.xml" />
    <% } %>
-      <!-- Matomo Tag Manager -->
-      <script>
-        var _mtm = window._mtm = window._mtm || [];
-        _mtm.push({'mtm.startTime': (new Date().getTime()), 'event': 'mtm.Start'});
-        var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
-        g.async=true; g.src='https://matomo.insports.tv/js/container_KFCeSAkC.js'; s.parentNode.insertBefore(g,s);
-      </script>
-      <!-- End Matomo Tag Manager -->
  </head>
  <body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
--- a/src/config/matomo.tsx
+++ b/src/config/matomo.tsx
@ -1,25 +0,0 @@
-import { createInstance } from '@jonkoops/matomo-tracker-react'
-import { InstanceParams } from '@jonkoops/matomo-tracker-react/lib/types'
-
-import { PAGES } from 'config/pages'
-
-const getMatomoInstance = () => {
-  let matomoInstance: InstanceParams = {
-    siteId: 999,
-    urlBase: 'link.to.domain',
-  }
-
-  switch (process.env.REACT_APP_CLIENT) {
-    case 'insports':
-      matomoInstance = {
-        ...matomoInstance,
-        siteId: 1,
-        urlBase: PAGES.matomoInstatBaseUrl,
-      }
-      break
-  }
-
-  return createInstance(matomoInstance)
-}
-
-export const matomoInstance = getMatomoInstance()
--- a/src/config/pages.tsx
+++ b/src/config/pages.tsx
@ -4,7 +4,6 @@ export const PAGES = {
  home: '/',
  mailings: '/useraccount/mailings',
  match: '/matches',
-  matomoInstatBaseUrl: 'https://matomo.insports.tv/',
  player: '/players',
  team: '/teams',
  thanksForSubscribe: '/thanks-for-subscription',
--- a/src/features/App/index.tsx
+++ b/src/features/App/index.tsx
@ -5,11 +5,8 @@ import {
 } from 'react'
 import { Router } from 'react-router-dom'

-import { MatomoProvider } from '@jonkoops/matomo-tracker-react'
-
 import { history } from 'config/history'
 import { client } from 'config/clients'
-import { matomoInstance } from 'config/matomo'
 import { isAvailable } from 'config/env'

 import { readToken } from 'helpers'
@ -45,23 +42,21 @@ const startDate = '2022-11-24T23:00:00'
 const stopDate = '2022-11-25T05:00:00'

 const OTTApp = () => (
-  <MatomoProvider value={matomoInstance}>
-    <Router history={history}>
-      <Theme>
-        <GlobalStyles />
-        <GlobalStores>
-          <Background>
-            <Suspense fallback={null}>
-              {isAvailable
+  <Router history={history}>
+    <Theme>
+      <GlobalStyles />
+      <GlobalStores>
+        <Background>
+          <Suspense fallback={null}>
+            {isAvailable
                && (date.getTime() < new Date(startDate).getTime()
                    || date.getTime() > new Date(stopDate).getTime())
-                ? (<Main />) : (<UnavailableText />)}
-            </Suspense>
-          </Background>
-        </GlobalStores>
-      </Theme>
-    </Router>
-  </MatomoProvider>
+              ? (<Main />) : (<UnavailableText />)}
+          </Suspense>
+        </Background>
+      </GlobalStores>
+    </Theme>
+  </Router>
 )

 export default OTTApp
--- a/src/features/GlobalStores/index.tsx
+++ b/src/features/GlobalStores/index.tsx
@ -6,8 +6,6 @@ import {

 import { useLocation } from 'react-router'

-import { useMatomo } from '@jonkoops/matomo-tracker-react'
-
 import { getLanguageUrlParam } from 'helpers/languageUrlParam'

 import { AuthStore } from 'features/AuthStore'
@ -25,15 +23,8 @@ type Props = {

 export const GlobalStores = ({ children }: Props) => {
  const { pathname, search } = useLocation()
-  const { trackPageView } = useMatomo()
  const [isGeoReady, setIsGeoReady] = useState(false)

-  useEffect(() => {
-    const isProduction = process.env.REACT_APP_ENV === 'production'
-
-    if (isProduction) trackPageView()
-  }, [trackPageView, pathname, search])
-
  useEffect(() => {
    (async () => {
      if (pathname === '/' && search === '') {