From 4f37745f6da7fd2e3de6edf42e8e420046c879f6 Mon Sep 17 00:00:00 2001
From: jffarge <jf@dagger.io>
Date: Fri, 2 Jul 2021 11:44:02 +0200
Subject: [PATCH] docs: :ambulance: call amplitude when user is logged in

Signed-off-by: jffarge <jf@dagger.io>
---
 website/src/components/DocPageCustom.js | 11 -----------
 website/src/theme/DocPage/index.js      | 13 ++++++++++++-
 2 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/website/src/components/DocPageCustom.js b/website/src/components/DocPageCustom.js
index 97471aac..a7ac4ebb 100644
--- a/website/src/components/DocPageCustom.js
+++ b/website/src/components/DocPageCustom.js
@@ -22,17 +22,6 @@ function DocPageCustom({ location, userAccessStatus, setUserAccessStatus }) {
     setIsLoading(false)
   }, [])
 
-  useEffect(() => {
-    import('amplitude-js').then(amplitude => {
-      if (userAccessStatus?.login) {
-        var amplitudeInstance = amplitude.getInstance().init(process.env.REACT_APP_AMPLITUDE_ID, userAccessStatus?.login.toLowerCase(), {
-          apiEndpoint: `${window.location.hostname}/t`
-        });
-        amplitude.getInstance().logEvent('Docs Viewed', { "hostname": window.location.hostname, "path": location.pathname });
-      }
-    })
-  }, [location.pathname, userAccessStatus])
-
   if (isLoading) return <Spinner />
 
   if (userAccessStatus?.permission === false) {
diff --git a/website/src/theme/DocPage/index.js b/website/src/theme/DocPage/index.js
index 56f0c843..506b7ffc 100644
--- a/website/src/theme/DocPage/index.js
+++ b/website/src/theme/DocPage/index.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-import React, { useState, useCallback } from 'react';
+import React, { useState, useCallback, useEffect } from 'react';
 import { MDXProvider } from '@mdx-js/react';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
 import renderRoutes from '@docusaurus/renderRoutes';
@@ -163,6 +163,17 @@ function DocPage(props) {
     if (typeof window !== "undefined") return JSON.parse(window.localStorage.getItem('user'))
   })())
 
+  useEffect(() => {
+    import('amplitude-js').then(amplitude => {
+      if (userAccessStatus?.login) {
+        var amplitudeInstance = amplitude.getInstance().init(process.env.REACT_APP_AMPLITUDE_ID, userAccessStatus?.login.toLowerCase(), {
+          apiEndpoint: `${window.location.hostname}/t`
+        });
+        amplitude.getInstance().logEvent('Docs Viewed', { "hostname": window.location.hostname, "path": location.pathname });
+      }
+    })
+  }, [location.pathname, userAccessStatus])
+
   if (process.env.OAUTH_ENABLE == 'true' && userAccessStatus?.permission !== true && userAgent !== 'Algolia DocSearch Crawler') {
     return <DocPageCustom location={location} userAccessStatus={userAccessStatus} setUserAccessStatus={setUserAccessStatus} />
   }