feat: Replace Contact Support with GitHub issue in OSS (#853)

Author: ernestii

packages/app/src/DBDashboardPage.tsx

@@ -51,6 +51,7 @@ import { useHover, usePrevious } from '@mantine/hooks';
 import { notifications } from '@mantine/notifications';
 import { useQueryClient } from '@tanstack/react-query';
 
+import { ContactSupportText } from '@/components/ContactSupportText';
 import EditTimeChartForm from '@/components/DBEditTimeChartForm';
 import DBNumberChart from '@/components/DBNumberChart';
 import { DBSqlRowTable } from '@/components/DBRowTable';
@@ -751,8 +752,11 @@ function DBDashboardPage({ presetConfig }: { presetConfig?: Dashboard }) {
           () => {
             notifications.show({
               color: 'red',
-              message:
-                'An error occurred. Please contact support for more details.',
+              message: (
+                <>
+                  An error occurred. <ContactSupportText />
+                </>
+              ),
             });
           },
         );

packages/app/src/DBSearchPage.tsx

@@ -53,6 +53,7 @@ import { useIsFetching } from '@tanstack/react-query';
 import CodeMirror from '@uiw/react-codemirror';
 
 import { useTimeChartSettings } from '@/ChartUtils';
+import { ContactSupportText } from '@/components/ContactSupportText';
 import DBDeltaChart from '@/components/DBDeltaChart';
 import DBHeatmapChart from '@/components/DBHeatmapChart';
 import DBRowSidePanel from '@/components/DBRowSidePanel';
@@ -821,8 +822,11 @@ function DBSearchPage() {
             onError: () => {
               notifications.show({
                 color: 'red',
-                message:
-                  'An error occurred. Please contact support for more details.',
+                message: (
+                  <>
+                    An error occurred. <ContactSupportText />
+                  </>
+                ),
               });
             },
           },

packages/app/src/components/ContactSupportText.tsx

@@ -0,0 +1,19 @@
+import { IS_OSS } from '@/config';
+
+const GH_LINK = 'https://github.com/hyperdxio/hyperdx/issues';
+
+export const ContactSupportText = () => {
+  if (IS_OSS) {
+    return (
+      <span>
+        Please open an issue on{' '}
+        <a href={GH_LINK} target="_blank">
+          GitHub
+        </a>
+        .
+      </span>
+    );
+  }
+
+  return <span>Please contact support.</span>;
+};

packages/app/src/components/DBTraceWaterfallChart.tsx

@@ -9,6 +9,7 @@ import {
 } from '@hyperdx/common-utils/dist/types';
 import { Text } from '@mantine/core';
 
+import { ContactSupportText } from '@/components/ContactSupportText';
 import useOffsetPaginatedQuery from '@/hooks/useOffsetPaginatedQuery';
 import useRowWhere from '@/hooks/useRowWhere';
 import {
@@ -555,7 +556,9 @@ export function DBTraceWaterfallChartContainer({
       {isFetching ? (
         <div className="my-3">Loading Traces...</div>
       ) : rows == null ? (
-        <div>An unknown error occurred, please contact support.</div>
+        <div>
+          An unknown error occurred. <ContactSupportText />
+        </div>
       ) : (
         <TimelineChart
           style={{