External/signoz
1
0
Fork 0
mirror of https://github.com/SigNoz/signoz.git synced 2025-12-17 15:36:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: send start time - 30 minutes and end time + 90 minutes with span list request

Browse Source
This commit is contained in:
ahmadshaheer 2025-09-18 17:06:32 +04:30
parent 474fd623fc
commit d1b4c8cae8
2 changed files with 36 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
frontend/src/container/SpanList/SpanList.tsx
View File

@ -6,7 +6,8 @@ import { useGetQueryRange } from 'hooks/queryBuilder/useGetQueryRange';
import { useSafeNavigate } from 'hooks/useSafeNavigate'; import { useSafeNavigate } from 'hooks/useSafeNavigate';
import useUrlQuery from 'hooks/useUrlQuery'; import useUrlQuery from 'hooks/useUrlQuery';
import { useCallback, useMemo } from 'react'; import { useCallback, useMemo } from 'react';
import { Span } from 'types/api/trace/getTraceV2'; import { ErrorResponse, SuccessResponse } from 'types/api';
import { GetTraceV2SuccessResponse, Span } from 'types/api/trace/getTraceV2';
import { DataSource } from 'types/common/queryBuilder'; import { DataSource } from 'types/common/queryBuilder';
import SpanTable from './SpanTable'; import SpanTable from './SpanTable';
@ -16,9 +17,17 @@ import { transformEntrySpansToHierarchy } from './utils';
interface SpanListProps { interface SpanListProps {
traceId?: string; traceId?: string;
setSelectedSpan?: (span: Span) => void; setSelectedSpan?: (span: Span) => void;
traceData:
| SuccessResponse<GetTraceV2SuccessResponse, unknown>
| ErrorResponse
| undefined;
} }
function SpanList({ traceId, setSelectedSpan }: SpanListProps): JSX.Element { function SpanList({
traceId,
setSelectedSpan,
traceData,
}: SpanListProps): JSX.Element {
const urlQuery = useUrlQuery(); const urlQuery = useUrlQuery();
const { safeNavigate } = useSafeNavigate(); const { safeNavigate } = useSafeNavigate();
const payload = initialQueriesMap.traces; const payload = initialQueriesMap.traces;
@ -27,10 +36,28 @@ function SpanList({ traceId, setSelectedSpan }: SpanListProps): JSX.Element {
const entryPage = parseInt(urlQuery.get('entryPage') || '1', 10); const entryPage = parseInt(urlQuery.get('entryPage') || '1', 10);
const entryPageSize = 5; const entryPageSize = 5;
const startTimestamp = useMemo(
() =>
traceData?.payload?.startTimestampMillis != null
? traceData.payload.startTimestampMillis / 1e3 - 30 * 60 * 1000
: undefined,
[traceData?.payload?.startTimestampMillis],
);
const endTimestamp = useMemo(
() =>
traceData?.payload?.endTimestampMillis != null
? traceData.payload.endTimestampMillis / 1e3 + 90 * 60 * 1000
: undefined,
[traceData?.payload?.endTimestampMillis],
);
const { data, isLoading, isFetching } = useGetQueryRange( const { data, isLoading, isFetching } = useGetQueryRange(
{ {
graphType: PANEL_TYPES.LIST, graphType: PANEL_TYPES.LIST,
selectedTime: 'GLOBAL_TIME', selectedTime: 'GLOBAL_TIME',
...(startTimestamp != null ? { start: startTimestamp } : {}),
...(endTimestamp != null ? { end: endTimestamp } : {}),
query: { query: {
...payload, ...payload,
builder: { builder: {

8
frontend/src/pages/TraceDetailV2/TraceDetailV2.tsx
View File

@ -171,7 +171,13 @@ function TraceDetailsV2(): JSX.Element {
</Button> </Button>
), ),
key: 'span-list', key: 'span-list',
children: <SpanList traceId={traceId} setSelectedSpan={setSelectedSpan} />, children: (
<SpanList
traceId={traceId}
setSelectedSpan={setSelectedSpan}
traceData={traceData}
/>
),
}, },
]; ];