Merge pull request #1941 from slumbering/website-env-example

website: add environment var to avoid crash issue
This commit is contained in:
Gerhard Lazu 2022-03-30 17:05:59 +01:00 committed by GitHub
commit 76d515464e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 12 additions and 5 deletions

View File

@ -15,6 +15,9 @@ module.exports = {
stylesheets: [ stylesheets: [
"https://fonts.googleapis.com/css2?family=Karla&family=Montserrat:wght@700&display=swap", "https://fonts.googleapis.com/css2?family=Karla&family=Montserrat:wght@700&display=swap",
], ],
customFields: {
AMPLITUDE_ID: process.env.REACT_APP_AMPLITUDE_ID
},
themeConfig: { themeConfig: {
sidebarCollapsed: false, sidebarCollapsed: false,
prism: { prism: {

View File

@ -7,6 +7,7 @@
import React, {useState, useEffect, useCallback} from 'react'; import React, {useState, useEffect, useCallback} from 'react';
import {MDXProvider} from '@mdx-js/react'; import {MDXProvider} from '@mdx-js/react';
import renderRoutes from '@docusaurus/renderRoutes'; import renderRoutes from '@docusaurus/renderRoutes';
import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
import Layout from '@theme/Layout'; import Layout from '@theme/Layout';
import DocSidebar from '@theme/DocSidebar'; import DocSidebar from '@theme/DocSidebar';
import MDXComponents from '@theme/MDXComponents'; import MDXComponents from '@theme/MDXComponents';
@ -139,11 +140,14 @@ function DocPage(props) {
); );
// DocPage Swizzle // DocPage Swizzle
const {siteConfig} = useDocusaurusContext();
useEffect(() => { useEffect(() => {
if(siteConfig.AMPLITUDE_ID) {
var instance1 = amplitude.getInstance().init(process.env.REACT_APP_AMPLITUDE_ID, null, { var instance1 = amplitude.getInstance().init(process.env.REACT_APP_AMPLITUDE_ID, null, {
apiEndpoint: `${window.location.hostname}/t` apiEndpoint: `${window.location.hostname}/t`
}) })
amplitude.getInstance().logEvent('Docs Viewed', { "hostname": window.location.hostname, "path": location.pathname }); amplitude.getInstance().logEvent('Docs Viewed', { "hostname": window.location.hostname, "path": location.pathname });
}
}, [location.pathname]) }, [location.pathname])
// End DocPageSwizzle // End DocPageSwizzle