{
@@ -108,7 +116,11 @@ export const VariablesTableByStudy = ({
filteredVariables={ filteredVariables }
dataSource={ studyDataSources[study.data_source] }
selected={ studyNamesForDisplay.includes(study.c_name) }
- onSelect={ () => toggleStudyHighlightingInHistogram(study.c_name) }
+ onSelect={ () => {
+ const pinActive = studyNamesForDisplay.includes(study.c_name)
+ analyticsEvents.variableViewStudyPinToggled(study.c_name, pinActive)
+ toggleStudyHighlightingInHistogram(study.c_name)
+ } }
/>
)
})
diff --git a/src/contexts/analytics-context/analytics-context.js b/src/contexts/analytics-context/analytics-context.js
index ffde2b74..f5f19b80 100644
--- a/src/contexts/analytics-context/analytics-context.js
+++ b/src/contexts/analytics-context/analytics-context.js
@@ -1,40 +1,36 @@
-import React, { createContext, useContext } from 'react';
+import React, { createContext, useContext, useEffect, useMemo } from 'react';
import { useEnvironment } from '../environment-context';
import { AnalyticsEvents } from './events';
import { MixPanelAnalytics, GAAnalytics, NoAnalytics } from 'helx-analytics';
-import { version } from 'helx-analytics/package.json';
+import { version as analyticsVersion } from 'helx-analytics/package.json';
import { getUser } from '../../api';
+import { useWorkspacesAPI } from '..';
export const AnalyticsContext = createContext();
export const AnalyticsProvider = ({ children }) => {
- const { helxAppstoreUrl, context } = useEnvironment();
- let analytics;
- if (context.analytics && context.analytics.enabled) {
- const { mixpanel_token, ga_property } = context.analytics.auth || {};
+ const { context } = useEnvironment();
+ const { user } = useWorkspacesAPI()
+ const analytics = useMemo(() => {
+ const { analytics } = context
+
+ if (!analytics.enabled) return new NoAnalytics()
+
const globalEventParameters = {
- "HeLx-Analytics version": version,
- "HeLx Brand": context.brand || "Unknown",
- "Deployment Namespace": context.deployment_namespace || "Unknown",
- "User ID": async () => {
- if (context.workspaces_enabled) {
- const user = await getUser(helxAppstoreUrl);
- if (user) return user.REMOTE_USER;
- }
- return null;
- }
- };
- switch (context.analytics.platform) {
+ "helx_analytics_version": analyticsVersion
+ }
+ switch (analytics.platform) {
case "mixpanel":
- if (mixpanel_token) analytics = new MixPanelAnalytics({ projectToken : mixpanel_token }, globalEventParameters);
- break;
- case "google_analytics":
- if (ga_property) analytics = new GAAnalytics({ trackingId: ga_property }, globalEventParameters);
- break;
+ return new MixPanelAnalytics({ projectToken : analytics.token }, globalEventParameters);
+ case "google":
+ return new GAAnalytics({ trackingId: analytics.token }, globalEventParameters);
+ default:
+ throw new Error(`Analytics config supplied is invalid, unrecognized platform "${ analytics.platform }". Did you mean to set analytics.enabled to false?`)
}
- }
- if (!analytics) analytics = new NoAnalytics();
- const analyticsEvents = new AnalyticsEvents(analytics);
+ }, [context])
+
+ const analyticsEvents = useMemo(() => new AnalyticsEvents(analytics), [analytics])
+
return (
-const HEALSupport = () =>
+const HEALSupport = () => {
+ const { analyticsEvents } = useAnalytics()
+ return (
Need Help?
- To report a bug, request technical assistance, submit user feedback, or submit a different request, visit our Help Portal.
-
-
- Documentation
-
- Our documentation is designed to help guide you through your first steps with HEAL Semantic Search.
- We encourage you to get started with these introductory materials.
-
-
- - User Guide (in development)
- - FAQs (in development)
-
+
+
To report a bug, request technical assistance, submit user feedback, or submit a different request, visit our Help Portal.
+
+
+
+ Our documentation is designed to help guide you through your first steps with HEAL Semantic Search.
+ We encourage you to get started with these introductory materials.
+
+
+ {/* ADD analytics here when complete. */}
+ - User Guide (in development)
+ - FAQs (in development)
+
+