NiceNode / nice-node

Run a node — just press start

Home Page:https://www.nicenode.xyz

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[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. use npm run storybook to test

Example:
Replace the gray box on the right with <FloatingButton variant="icon" iconId="copy" />
Screenshot from 2023-10-12 09-48-30-mh

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