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

Rename copy user ID tooltip #18005

Merged
merged 1 commit into from
Jun 21, 2023
Merged

Rename copy user ID tooltip #18005

merged 1 commit into from
Jun 21, 2023

Conversation

gtsiolis
Copy link
Contributor

@gtsiolis gtsiolis commented Jun 21, 2023

Description

Minor tooltip change for copying the user ID.

Follow-up from #17956. Cc @filiptronicek @loujaybee

How to test

Go to /user/account and try to copy the new user ID field. The tooltip should use a new label.

Documentation

Preview status

Gitpod was successfully deployed to your preview environment.

Build Options

Build
  • /werft with-werft
    Run the build with werft instead of GHA
  • leeway-no-cache
  • /werft no-test
    Run Leeway with --dont-test
Publish
  • /werft publish-to-npm
  • /werft publish-to-jb-marketplace
Installer
  • analytics=segment
  • with-dedicated-emulation
  • workspace-feature-flags
    Add desired feature flags to the end of the line above, space separated
Preview Environment
  • /werft with-local-preview
    If enabled this will build install/preview
  • /werft with-preview
  • /werft with-large-vm
  • /werft with-gce-vm
    If enabled this will create the environment on GCE infra
  • with-integration-tests=all
    Valid options are all, workspace, webapp, ide, jetbrains, vscode, ssh

/hold

@gtsiolis gtsiolis requested a review from a team June 21, 2023 14:17
@github-actions github-actions bot added the team: webapp Issue belongs to the WebApp team label Jun 21, 2023
@@ -162,7 +162,7 @@ function ProfileInformation(props: {
<div className="flex flex-col space-y-2 mt-4">
<label className={"text-md font-semibold dark:text-gray-400 text-gray-600"}>User ID</label>
<p className={"text-sm text-gray-500 dark:text-gray-500"}>
<InputWithCopy className="max-w-md w-32" value={props.user.id} tip="Copy Token" />
<InputWithCopy className="max-w-md w-32" value={props.user.id} tip="Copy User ID" />
Copy link
Member

Choose a reason for hiding this comment

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

What if we left it at just Copy?

Copy link
Member

Choose a reason for hiding this comment

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

I'm with Milan on this one, keepin' it simple.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Thanks @easyCZ & @filiptronicek!

Using concise language that conveys what happens when the button is activated is recommended. I understand the intent behind simplifying this but using just Copy as the tooltip label can easily cause some confusion as it's not clear what are you copying, is this a string, a JSON object, something else?

Still, no right or wrong approach but I'm inclined to merge this as is to follow the pattern we've been using across the product for all the copy-to-clipboard buttons using the InputWithCopy component.

Let's open an issue to discuss further if needed. 🏓

@gtsiolis gtsiolis changed the title Rename copy user ID tooptip Rename copy user ID tooltip Jun 21, 2023
@gtsiolis gtsiolis force-pushed the gt/rename-copy-user-id-tooltip branch from fa4dcca to cf0a4b7 Compare June 21, 2023 14:25
@@ -162,7 +162,7 @@ function ProfileInformation(props: {
<div className="flex flex-col space-y-2 mt-4">
<label className={"text-md font-semibold dark:text-gray-400 text-gray-600"}>User ID</label>
<p className={"text-sm text-gray-500 dark:text-gray-500"}>
<InputWithCopy className="max-w-md w-32" value={props.user.id} tip="Copy Token" />
<InputWithCopy className="max-w-md w-32" value={props.user.id} tip="Copy User ID" />
Copy link
Member

Choose a reason for hiding this comment

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

Suggested change
<InputWithCopy className="max-w-md w-32" value={props.user.id} tip="Copy User ID" />
<InputWithCopy className="max-w-md w-32" value={props.user.id} tip="Copy" />

Copy link
Member

@filiptronicek filiptronicek 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 taking care of the oversight, @gtsiolis! 🧡

@gtsiolis
Copy link
Contributor Author

Thanks for taking a look, @easyCZ & @filiptronicek. 🌮

/unhold

@roboquat roboquat merged commit 043a55b into main Jun 21, 2023
@roboquat roboquat deleted the gt/rename-copy-user-id-tooltip branch June 21, 2023 15:14
AlexTugarev pushed a commit that referenced this pull request Jun 22, 2023
@roboquat roboquat added deployed: webapp Meta team change is running in production deployed Change is completely running in production labels Jun 22, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
deployed: webapp Meta team change is running in production deployed Change is completely running in production size/XS team: webapp Issue belongs to the WebApp team
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants