[UI/React] Copy button for log message
jgresham opened this issue · comments
Feature details
A copy button shows on hover of the individual log and copies the log's message when clicked. It should "float" above the message all the way on the right side of the log message.
Requirements:
- the button should only show if the user is hovering over that specific log line
- clicking the copy button should copy the log to the "clipboard" and work on Mac, Win, Linux
- bonus: create a storybook story for the
<LogMessage />
component to show and test the component without rendering the entire app and running podman and a node. usenpm run storybook
to test
Example:
Replace the gray box on the right with <FloatingButton variant="icon" iconId="copy" />
The users can currently select the text to copy and paste manually and should still be able to.
Why it is important
Many users may have issues running various nodes. They will likely want to copy and paste specific logs to send to the node developer teams or to paste into github issues for the node teams. A quick and easy copy and paste button will help with this.
assigned to: @Gathin23