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

fix(webapp): refresh data when (re)submitting query #1410

Merged
merged 5 commits into from Aug 16, 2022
Merged

Conversation

eh-am
Copy link
Collaborator

@eh-am eh-am commented Aug 16, 2022

Closes #1406

Hitting execute/resubmitting the same query now refreshes all data (timelines and flamegraphs).


RE QueryInput:

  • Move to its own file
  • Add tests
  • Move to css modules

Update comparison/diff to, when resubmitting, to reload EVERYTHING, including the opposite's timeline's and flamegraph. For example, when resubmitting the left side, it will also reload:

  • the main timeline
  • the left AND right timeline
  • left and right flamegraphs

Which has the side effect of having your selection be "lost". Here's an illustration:

Kapture.2022-08-16.at.14.40.19.mp4

We discussed internally and it should be fine for now.

@codecov
Copy link

codecov bot commented Aug 16, 2022

Codecov Report

Merging #1410 (ed7d8d3) into main (948623a) will increase coverage by 0.40%.
The diff coverage is 84.38%.

@@            Coverage Diff             @@
##             main    #1410      +/-   ##
==========================================
+ Coverage   67.86%   68.25%   +0.40%     
==========================================
  Files         125      128       +3     
  Lines        4094     4170      +76     
  Branches     1110     1130      +20     
==========================================
+ Hits         2778     2846      +68     
- Misses       1311     1319       +8     
  Partials        5        5              
Impacted Files Coverage Δ
...cript/components/QueryInput/QueryInput.module.scss 61.54% <61.54%> (ø)
...pp/javascript/components/QueryInput/QueryInput.tsx 90.20% <90.20%> (ø)
webapp/javascript/util/prism.ts 100.00% <0.00%> (ø)
webapp/javascript/ui/Button.tsx 81.25% <0.00%> (+6.25%) ⬆️

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

@eh-am
Copy link
Collaborator Author

eh-am commented Aug 16, 2022

/create-server

@github-actions
Copy link
Contributor

github-actions bot commented Aug 16, 2022

size-limit report 📦

Path Size Loading time (3g) Running time (snapdragon) Total time
webapp/public/assets/app.js 416.03 KB (+0.05% 🔺) 8.4 s (+0.05% 🔺) 3.7 s (+9.56% 🔺) 12 s
webapp/public/assets/app.css 15.3 KB (+1.11% 🔺) 306 ms (+1.11% 🔺) 0 ms (+100% 🔺) 306 ms
webapp/public/assets/styles.css 9.46 KB (-2.83% 🔽) 190 ms (-2.83% 🔽) 0 ms (+100% 🔺) 190 ms
packages/pyroscope-flamegraph/dist/index.js 90.13 KB (0%) 1.9 s (0%) 1.6 s (+5.43% 🔺) 3.4 s
packages/pyroscope-flamegraph/dist/index.node.js 90.02 KB (0%) 1.9 s (0%) 683 ms (+19.7% 🔺) 2.5 s
packages/pyroscope-flamegraph/dist/index.css 6.77 KB (0%) 136 ms (0%) 0 ms (+100% 🔺) 136 ms

@eh-am eh-am added the frontend Mostly JS code label Aug 16, 2022
@eh-am eh-am changed the title Fix/query input fix(webapp): refresh data when (re)submitting query Aug 16, 2022
@eh-am
Copy link
Collaborator Author

eh-am commented Aug 16, 2022

/create-server

1 similar comment
@eh-am
Copy link
Collaborator Author

eh-am commented Aug 16, 2022

/create-server

@eh-am eh-am marked this pull request as ready for review August 16, 2022 18:20
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

@eh-am eh-am merged commit 3554f84 into main Aug 16, 2022
@eh-am eh-am deleted the fix/query-input branch August 16, 2022 18:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
frontend Mostly JS code
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Redo query when clicking "Execute"
2 participants