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

Transformations: Move debug to drawer #76281

Merged
merged 7 commits into from
Oct 27, 2023
Merged

Conversation

codeincarnate
Copy link
Collaborator

What is this feature?

This PR moves the transformation debug interface into a Drawer component for better usability.

Screenshot 2023-10-10 at 10 33 52 PM

Why do we need this feature?

Current transformation debug interface is inline and takes up a large amount of space within an already space constrained interface.

Which issue(s) does this PR fix?:

Fixes #74206

Special notes for your reviewer:

Please check that:

  • It works as expected from a user's perspective.
  • If this is a pre-GA feature, it is behind a feature toggle.
  • The docs are updated, and if this is a notable improvement, it's added to our What's New doc.

@codeincarnate codeincarnate requested review from a team, oscarkilhed and mdvictor and removed request for a team October 10, 2023 15:35
@grafana-delivery-bot grafana-delivery-bot bot added this to the 10.2.x milestone Oct 10, 2023
Copy link
Contributor

@mdvictor mdvictor left a comment

Choose a reason for hiding this comment

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

Works great overall! The debug tooltip seems to not hide after closing the drawer though, and there is an unused variable now.

Screen.Recording.2023-10-11.at.09.55.07.mov

@@ -122,7 +122,6 @@ export const TransformationOperationRow = ({
)}
<QueryOperationToggleAction
title="Debug"
disabled={!isOpen}
Copy link
Contributor

Choose a reason for hiding this comment

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

I think with the removal of this we can also remove the arg in renderActions since isOpen is now unused.

@codeincarnate
Copy link
Collaborator Author

Nice catch and what and odd issue! I'll see what is going on with the tooltip.

@codeincarnate
Copy link
Collaborator Author

@mdvictor I've been looking into it and I think that the issue with the debug tooltip is broader between tooltip/drawer interaction. I think that's enough to receive it's own PR honestly. WDYT?

@codeincarnate
Copy link
Collaborator Author

Actually saw an issue similar to this where putting a fix broke datalinks 😱. I think we very much want to avoid that outcome and make sure we address the tooltip issue overall 😄

@mdvictor
Copy link
Contributor

Sounds like a good plan, I agree!

@codeincarnate codeincarnate enabled auto-merge (squash) October 13, 2023 05:27
Copy link
Contributor

@oscarkilhed oscarkilhed left a comment

Choose a reason for hiding this comment

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

Was using the debug extensively yesterday, and this would definitely have helped!

@codeincarnate codeincarnate modified the milestones: 10.2.x, 10.3.x Oct 27, 2023
@codeincarnate codeincarnate merged commit 470d879 into main Oct 27, 2023
15 checks passed
@codeincarnate codeincarnate deleted the transform/better-debug branch October 27, 2023 15:30
ssama88 pushed a commit to ssama88/grafana that referenced this pull request Oct 31, 2023
* Move debug to drawer
* Prettier
* Remove render actions arg
* Remove unused import
nikimanoledaki pushed a commit that referenced this pull request Nov 2, 2023
* Move debug to drawer
* Prettier
* Remove render actions arg
* Remove unused import
@aangelisc aangelisc removed this from the 10.3.x milestone Dec 21, 2023
@aangelisc aangelisc added this to the 10.2.3 milestone Dec 21, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Transformations: Improve Debug Interface
4 participants