Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: Heatmap should show error message if no data is returned #1565

Merged
merged 2 commits into from
Sep 29, 2022

Conversation

dogfrogfog
Copy link
Contributor

@dogfrogfog dogfrogfog commented Sep 28, 2022

Brief

Changes

  • add common NoData component
  • change "no data" message
  • handle heatmap null value
  • hide flamegraph when heatmap is null
Screen.Recording.2022-09-28.at.16.20.43.mov

Concerns

@github-actions
Copy link
Contributor

github-actions bot commented Sep 28, 2022

size-limit report 📦

Path Size Loading time (3g) Running time (snapdragon) Total time
webapp/public/assets/app.js 443.66 KB (+0.02% 🔺) 8.9 s (+0.02% 🔺) 3.5 s (+7.03% 🔺) 12.3 s
webapp/public/assets/app.css 17.09 KB (+0.02% 🔺) 342 ms (+0.02% 🔺) 0 ms (+100% 🔺) 342 ms
webapp/public/assets/styles.css 9.5 KB (0%) 191 ms (0%) 0 ms (+100% 🔺) 191 ms
packages/pyroscope-flamegraph/dist/index.js 92.18 KB (0%) 1.9 s (0%) 1.1 s (-15.36% 🔽) 2.9 s
packages/pyroscope-flamegraph/dist/index.node.js 92.07 KB (-0.02% 🔽) 1.9 s (-0.02% 🔽) 576 ms (-23.03% 🔽) 2.5 s
packages/pyroscope-flamegraph/dist/index.css 7.38 KB (-0.03% 🔽) 148 ms (-0.03% 🔽) 0 ms (+100% 🔺) 148 ms

@codecov
Copy link

codecov bot commented Sep 28, 2022

Codecov Report

Base: 66.63% // Head: 66.58% // Decreases project coverage by -0.06% ⚠️

Coverage data is based on head (22f02ed) compared to base (1986b11).
Patch coverage: 86.67% of modified lines in pull request are covered.

Additional details and impacted files
@@            Coverage Diff             @@
##             main    #1565      +/-   ##
==========================================
- Coverage   66.63%   66.58%   -0.05%     
==========================================
  Files         147      147              
  Lines        4998     4999       +1     
  Branches     1155     1156       +1     
==========================================
- Hits         3330     3328       -2     
- Misses       1664     1667       +3     
  Partials        4        4              
Impacted Files Coverage Δ
...p/javascript/components/Heatmap/HeatmapTooltip.tsx 60.72% <0.00%> (-2.44%) ⬇️
webapp/javascript/redux/reducers/tracing.ts 20.62% <ø> (ø)
webapp/javascript/services/render.ts 16.99% <66.67%> (-0.32%) ⬇️
...e-flamegraph/src/FlameGraph/FlameGraphRenderer.tsx 50.00% <100.00%> (ø)
webapp/javascript/ui/NoData/NoData.module.scss 61.54% <100.00%> (ø)
webapp/javascript/ui/NoData/index.tsx 100.00% <100.00%> (ø)

Help us with your feedback. Take ten seconds to tell us how you rate us. Have a feature suggestion? Share it here.

☔ View full report at Codecov.
📢 Do you have feedback about the report comment? Let us know in this issue.

Comment on lines 470 to 474
{dataUnavailable ? (
<NoData dataName="profiling" />
) : (
panes.map((pane) => pane)
)}
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think this can be simplified to simply No data available, without specifying a qualifier.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

No data available instead of No profiling data available for this application / time range. ?

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think so, then we don't need all this new code. cc @Rperry2174

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

there was a NoProfilingData component which is div + span + styles to add paddings and center text, i moved the whole component to the webapp/ui folder....so its not that new code

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Ah I meant allowing custom title (profile | heatmap), that's a level of customization I don't think we really need it.

@dogfrogfog dogfrogfog changed the base branch from main to feature/show-heatmap-y-axis-units September 28, 2022 16:03
@dogfrogfog dogfrogfog changed the base branch from feature/show-heatmap-y-axis-units to main September 29, 2022 07:13
* add common NoData component
* change "no data" message
* handle heatmap null value
* hide flamegraph when heatmap is null
@dogfrogfog dogfrogfog force-pushed the feature/handle-null-heatmap branch from 59d34aa to c444f7f Compare September 29, 2022 08:03
@dogfrogfog dogfrogfog marked this pull request as ready for review September 29, 2022 08:25
@dogfrogfog
Copy link
Contributor Author

/create-server

Copy link
Contributor

@Rperry2174 Rperry2174 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

lgtm!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants