GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-08-15 02:05:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(ServiceMap): multiple api calls of date picker

Browse Source
This commit is contained in:
Nidhi Tandon 2021-05-22 17:26:16 +05:30
parent 55f7f56acf
commit 245050aac2
2 changed files with 16 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/modules/AppWrapper.tsx
View File

@ -34,7 +34,13 @@ const App = () => {
<Route path={ROUTES.SIGN_UP} exact component={Signup} />
<Route path={ROUTES.APPLICATION} exact component={ServicesTable} />
<Route path={ROUTES.SERVICE_METRICS} exact component={ServiceMetrics} />
<Route path={ROUTES.SERVICE_MAP} exact component={ServiceMap} />
<Route
path={ROUTES.SERVICE_MAP}
exact
render={(props) => (
<ServiceMap {...props} componentPath={ROUTES.SERVICE_MAP} />
)}
/>
<Route path={ROUTES.TRACES} exact component={TraceDetail} />
<Route path={ROUTES.TRACE_GRAPH} exact component={TraceGraph} />
<Route path={ROUTES.SETTINGS} exact component={SettingsPage} />

14
frontend/src/modules/Servicemap/ServiceMap.tsx
View File

@ -1,6 +1,6 @@
import React, { useEffect, useRef, useState } from "react";
import React, { useEffect, useRef } from "react";
import { connect } from "react-redux";
import { RouteComponentProps } from "react-router-dom";
import { RouteComponentProps, useLocation } from "react-router-dom";
import {
GlobalTime,
serviceMapStore,
@ -36,6 +36,7 @@ interface ServiceMapProps extends RouteComponentProps<any> {
globalTime: GlobalTime;
getServiceMapItems: Function;
getDetailedServiceMapItems: Function;
componentPath: string;
}
interface graphNode {
id: string;
@ -53,16 +54,19 @@ export interface graphDataType {
const ServiceMap = (props: ServiceMapProps) => {
const fgRef = useRef();
const location = useLocation();
const {
getDetailedServiceMapItems,
getServiceMapItems,
globalTime,
serviceMap,
componentPath,
} = props;
useEffect(() => {
getServiceMapItems(globalTime);
getDetailedServiceMapItems(globalTime);
if (location.pathname === componentPath) {
getServiceMapItems(globalTime);
getDetailedServiceMapItems(globalTime);
}
}, [globalTime]);
useEffect(() => {