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

ui:add HTML Tool Tip #2601

Merged
merged 2 commits into from
Aug 21, 2023
Merged

Conversation

davidsharp7
Copy link
Member

@davidsharp7 davidsharp7 commented Aug 17, 2023

Problem

Currently the Marquez UI compresses dataset/job name under each node if they are over x characters which leads to a sub optimal user experience when browsing nodes on a graph. The current tool tip just displays if the object is a job/dataset and so is not massively helpful.

Closes: #2580

Solution

image

One-line summary:

Add Tool tip to display basic node details.

Checklist

  • You've signed-off your work
  • Your changes are accompanied by tests (if relevant)
  • Your change contains a small diff and is self-contained
  • You've updated any relevant documentation (if relevant)
  • You've included a one-line summary of your change for the CHANGELOG.md (Depending on the change, this may not be necessary).
  • You've versioned your .sql database schema migration according to Flyway's naming convention (if relevant)
  • You've included a header in any source code files (if relevant)

@boring-cyborg boring-cyborg bot added the web label Aug 17, 2023
@davidsharp7 davidsharp7 changed the title readd work on new branch add HTML Tool Tip Aug 17, 2023
@codecov
Copy link

codecov bot commented Aug 17, 2023

Codecov Report

Merging #2601 (1bc209c) into main (6f75fc6) will not change coverage.
The diff coverage is n/a.

@@            Coverage Diff            @@
##               main    #2601   +/-   ##
=========================================
  Coverage     83.30%   83.30%           
  Complexity     1287     1287           
=========================================
  Files           243      243           
  Lines          5935     5935           
  Branches        279      279           
=========================================
  Hits           4944     4944           
  Misses          844      844           
  Partials        147      147           

📣 We’re building smart automated test selection to slash your CI/CD build times. Learn more

@davidsharp7 davidsharp7 changed the title add HTML Tool Tip ui:add HTML Tool Tip Aug 18, 2023
@@ -43,26 +43,37 @@ const Node: React.FC<NodeProps> = ({ node, selectedNode, setSelectedNode }) => {
return '/'
}

const addToToolTip = (inputData: GraphNode<MqNode>) => {
// return react fragment
Copy link
Member

Choose a reason for hiding this comment

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

I don't think you need a comment here.

>{children}</Tooltip>
}

export default MQTooltip
Copy link
Member

Choose a reason for hiding this comment

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

I think this needs a newline to pass our linting setup.

children : ReactElement
}

//default style thing
Copy link
Member

Choose a reason for hiding this comment

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

You can also drop this comment.

Copy link
Member

@phixMe phixMe left a comment

Choose a reason for hiding this comment

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

Thanks for this great contribution @davidsharp7

@phixMe phixMe merged commit e48ac69 into MarquezProject:main Aug 21, 2023
12 checks passed
@boring-cyborg
Copy link

boring-cyborg bot commented Aug 21, 2023

Great job! Congrats on your first merged pull request in the Marquez project!

@davidsharp7 davidsharp7 deleted the feature/node-tooltip branch December 31, 2023 00:09
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Add html tool tip for displaying node information
2 participants