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

fix: graph component is memorised (#2223)

Browse Source
This commit is contained in:
palashgdev 2023-02-10 18:02:37 +05:30 committed by GitHub
parent ce5afd31fd
commit b67206dd65
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
frontend/src/components/Graph/index.tsx
View File

@ -25,7 +25,8 @@ import * as chartjsAdapter from 'chartjs-adapter-date-fns';
import annotationPlugin from 'chartjs-plugin-annotation'; import annotationPlugin from 'chartjs-plugin-annotation';
import dayjs from 'dayjs'; import dayjs from 'dayjs';
import { useIsDarkMode } from 'hooks/useDarkMode'; import { useIsDarkMode } from 'hooks/useDarkMode';
import React, { useCallback, useEffect, useRef } from 'react'; import isEqual from 'lodash-es/isEqual';
import React, { memo, useCallback, useEffect, useRef } from 'react';
import { hasData } from './hasData'; import { hasData } from './hasData';
import { getAxisLabelColor } from './helpers'; import { getAxisLabelColor } from './helpers';
@ -374,4 +375,7 @@ Graph.defaultProps = {
onDragSelect: undefined, onDragSelect: undefined,
dragSelectColor: undefined, dragSelectColor: undefined,
}; };
export default Graph;
export default memo(Graph, (prevProps, nextProps) =>
isEqual(prevProps.data, nextProps.data),
);