feat: added tooltip for timeline selection

[shaleynikov]

This is a contribution for #99

[codecov]

Codecov Report

Merging #730 (042e26d) into main (a941634) will decrease coverage by 3.07%.
The diff coverage is n/a.

@@            Coverage Diff             @@
##             main     #730      +/-   ##
==========================================
- Coverage   76.09%   73.02%   -3.06%     
==========================================
  Files          60       63       +3     
  Lines        2070     2257     +187     
  Branches      431      487      +56     
==========================================
+ Hits         1575     1648      +73     
- Misses        465      570     +105     
- Partials       30       39       +9     

Impacted Files	Coverage Δ
...mponents/FlameGraph/FlameGraphComponent/Header.tsx	67.45% <0.00%> (-23.03%)	⬇️
...components/FlameGraph/FlameGraphComponent/color.ts	78.13% <0.00%> (-16.42%)	⬇️
...lameGraph/FlameGraphComponent/Flamegraph_render.ts	96.86% <0.00%> (-0.09%)	⬇️
...nts/FlameGraph/FlameGraphComponent/colorPalette.ts	100.00% <0.00%> (ø)
webapp/javascript/components/ExportData.tsx	45.72% <0.00%> (ø)
webapp/javascript/util/updateRequests.js	0.00% <0.00%> (ø)
...nents/FlameGraph/FlameGraphComponent/Flamegraph.ts	93.75% <0.00%> (+0.04%)	⬆️
...ents/FlameGraph/FlameGraphComponent/DiffLegend.tsx	89.48% <0.00%> (+0.29%)	⬆️
...omponents/FlameGraph/FlameGraphComponent/index.tsx	85.00% <0.00%> (+0.96%)	⬆️
webapp/javascript/util/formatDate.js	58.07% <0.00%> (+5.90%)	⬆️

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update a941634...042e26d. Read the comment docs.

[petethepig]

Looks great! The only thing I could find is it should add a zero before 5 in 10:05

[Rperry2174]

Hey @shaleynikov everything looks good here. Could you add a simple unit test that:

• Creates a hover event
• Checks that the tooltip exists on-hover

[Rperry2174]

hey @shaleynikov currently when selecting a time range on the graph, there are two tooltips on the bottom while the mouse is down.

Can you make it so that there is only one (at the current location of the mouse)