Don't poll metrics when user is interacting with graph

[linear]

No description provided.

[linear]

HIG-4628 Don't poll metrics when user is interacting with graph

[greptile-apps]

To prevent polling metrics during user interaction with the graph, you can modify the Graph component in /frontend/src/pages/Graphing/components/Graph.tsx. Implement state management to track user interaction states (e.g., dragging, hovering) and use these states to conditionally pause and resume the useGetMetricsQuery polling. Here's a high-level approach:

1. Introduce a new state variable to track interaction, e.g., const [isInteracting, setIsInteracting] = useState(false).
2. Adjust event handlers like onMouseDown, onMouseMove, and onMouseUp to set isInteracting to true or false accordingly.
3. Modify the useGetMetricsQuery hook call to include the pollInterval option, and conditionally set this based on the isInteracting state. For example, pollInterval: isInteracting ? 0 : 5000 to stop polling during interaction.

This approach ensures that metric data polling is paused during user interactions with the graph, optimizing performance and user experience.

References

/frontend/src/pages/Graphing/components/Graph.tsx

Ask Greptile