hide timeline

tianlin · Apr 5, 2023 · 732b984 · 732b984
1 parent 5d411d7
commit 732b984
Show file tree

Hide file tree

Showing 3 changed files with 20 additions and 0 deletions.
diff --git a/public/app/overrides/components/TimelineChart/TimelineChartWrapper.tsx b/public/app/overrides/components/TimelineChart/TimelineChartWrapper.tsx
@@ -0,0 +1,15 @@
+import { useEffect, useRef } from 'react';
+
+export default function () {
+  const ref = useRef<HTMLDivElement>(null);
+
+  // Since this element is inside a <Box>, also make the box hidden
+  useEffect(() => {
+    const parentElement = ref.current?.parentElement?.parentElement;
+    if (parentElement) {
+      parentElement.style.display = 'none';
+    }
+  }, [ref.current]);
+
+  return <div ref={ref}></div>;
+}
diff --git a/scripts/webpack/webpack.common.js b/scripts/webpack/webpack.common.js
@@ -39,6 +39,10 @@ module.exports = {
         __dirname,
         '../../public/app/overrides/components/ExportData'
       ),
+      '@webapp/components/TimelineChart/TimelineChartWrapper': path.resolve(
+        __dirname,
+        '../../public/app/overrides/components/TimelineChart/TimelineChartWrapper'
+      ),
       '@webapp/services/apps': path.resolve(
         __dirname,
         '../../public/app/overrides/services/appNames'

diff --git a/tsconfig.json b/tsconfig.json
@@ -9,6 +9,7 @@
       "@pyroscope/models/*": ["./node_modules/pyroscope-oss/packages/pyroscope-models/*"],
 
       "@webapp/components/ExportData": ["./public/app/overrides/components/ExportData"],
+      "@webapp/components/TimelineChart/TimelineChartWrapper": ["./public/app/overrides/components/TimelineChart/TimelineChartWrapper"],
       "@webapp/services/apps": ["./public/app/overrides/services/appNames"],
       "@webapp/services/render": ["./public/app/overrides/services/render"],
       "@webapp/services/tags": ["./public/app/overrides/services/tags"],