some more minor refactors

getsentry · Nov 8, 2024 · e8b0e8a · e8b0e8a
1 parent 9021282
commit e8b0e8a
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 7 deletions.
diff --git a/...erlay/src/integrations/sentry/components/traces/TraceDetails/components/TraceTreeview.tsx b/...erlay/src/integrations/sentry/components/traces/TraceDetails/components/TraceTreeview.tsx
@@ -1,17 +1,19 @@
 import { useState } from 'react';
 import { useParams } from 'react-router-dom';
-import sentryDataCache from '~/integrations/sentry/data/sentryDataCache';
-import { getDuration } from '~/integrations/sentry/utils/duration';
+import sentryDataCache from '../../../../data/sentryDataCache';
+import { getDuration } from '../../../../utils/duration';
 import DateTime from '../../../DateTime';
 import SpanDetails from '../../spans/SpanDetails';
 import SpanTree from '../../spans/SpanTree';
 
 type TraceTreeViewProps = { traceId: string };
 
+export const DEFAULT_SPAN_NODE_WIDTH = 50;
+
 export default function TraceTreeview({ traceId }: TraceTreeViewProps) {
   const { spanId } = useParams();
 
-  const [spanNodeWidth, setSpanNodeWidth] = useState<number>(50);
+  const [spanNodeWidth, setSpanNodeWidth] = useState<number>(DEFAULT_SPAN_NODE_WIDTH);
 
   const trace = sentryDataCache.getTraceById(traceId);
   const span = spanId ? sentryDataCache.getSpanById(traceId, spanId) : undefined;

diff --git a/packages/overlay/src/integrations/sentry/components/traces/TraceDetails/index.tsx b/packages/overlay/src/integrations/sentry/components/traces/TraceDetails/index.tsx
@@ -1,5 +1,5 @@
 import { Link, Navigate, Route, Routes, useParams } from 'react-router-dom';
-import Tabs from '~/components/Tabs';
+import Tabs from '../../../../../components/Tabs';
 import { default as dataCache, default as sentryDataCache } from '../../../data/sentryDataCache';
 import EventList from '../../events/EventList';
 import TraceContext from './components/TraceContext';
@@ -30,7 +30,7 @@ export default function TraceDetails() {
     .getEventsByTrace(traceId)
     .filter(
       e =>
-        e.type != 'transaction' &&
+        e.type !== 'transaction' &&
         (e.contexts?.trace?.trace_id ? sentryDataCache.isTraceLocal(e.contexts?.trace?.trace_id) : null) !== false,
     ).length;
 

diff --git a/packages/overlay/src/integrations/sentry/components/traces/spans/SpanDetails.tsx b/packages/overlay/src/integrations/sentry/components/traces/spans/SpanDetails.tsx
@@ -1,9 +1,9 @@
 import { useState, type ReactNode } from 'react';
 import { Link } from 'react-router-dom';
 import { format as formatSQL } from 'sql-formatter';
-import SidePanel, { SidePanelHeader } from '~/ui/SidePanel';
+import SidePanel, { SidePanelHeader } from '../../../../../ui/SidePanel';
 import dataCache from '../../../data/sentryDataCache';
-import { SentryErrorEvent, Span, TraceContext } from '../../../types';
+import type { SentryErrorEvent, Span, TraceContext } from '../../../types';
 import { formatBytes } from '../../../utils/bytes';
 import { getDuration } from '../../../utils/duration';
 import DateTime from '../../DateTime';