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

feat: add copy button for full image name in session launcher and environments page #2708

Merged
merged 1 commit into from
Sep 27, 2024

Conversation

ironAiken2
Copy link
Contributor

@ironAiken2 ironAiken2 commented Sep 19, 2024

This PR resolves giftbox#726 issue.

This PR enhances the user experience by adding copy functionality for image names in multiple components:

  1. In ImageEnvironmentSelectFormItems.tsx:

    • Added a copyable text for the environment/version label, allowing users to easily copy the full image name.
  2. In ImageList.tsx:

    • Introduced a new copy button in the image list, enabling users to copy the full image name with a single click.
  3. Updated CopyButton.tsx:

    • Added a defaultIcon prop to allow customization of the default icon displayed before copying.

These changes make it more convenient for users to copy and use image names across the application.

Environments Session Laucner
image.png image.png

Checklist:

  • Documentation
  • Test case(s) to demonstrate the difference of before/after

Copy link

graphite-app bot commented Sep 19, 2024

Your org requires the Graphite merge queue for merging into main

Add the label “flow:merge-queue” to the PR and Graphite will automatically add it to the merge queue when it’s ready to merge. Or use the label “flow:hotfix” to add to the merge queue as a hot fix.

You must have a Graphite account and log in to Graphite in order to use the merge queue. Sign up using this link.

Copy link
Contributor Author

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @ironAiken2 and the rest of your teammates on Graphite Graphite

@github-actions github-actions bot added the size:M 30~100 LoC label Sep 19, 2024
Copy link

github-actions bot commented Sep 19, 2024

Coverage report for ./react

St.
Category Percentage Covered / Total
🔴 Statements 5.41% 338/6246
🔴 Branches
4.92% (-0% 🔻)
214/4346
🔴 Functions 3.07% 63/2053
🔴 Lines 5.31% 324/6101

Test suite run success

90 tests passing in 11 suites.

Report generated by 🧪jest coverage report action from 0dc3660

@ironAiken2 ironAiken2 force-pushed the feat/copy-buttom-for-image-full-name branch from 054f20d to fe6fcd9 Compare September 19, 2024 09:03
@ironAiken2 ironAiken2 marked this pull request as ready for review September 19, 2024 09:06
@ironAiken2 ironAiken2 force-pushed the feat/copy-buttom-for-image-full-name branch from fe6fcd9 to 4485f56 Compare September 25, 2024 04:45
Copy link
Contributor

@agatha197 agatha197 left a comment

Choose a reason for hiding this comment

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

LGTM

Copy link

graphite-app bot commented Sep 27, 2024

Merge activity

…ironments page (#2708)

### This PR resolves [giftbox#726](lablup/giftbox#726) issue.

This PR enhances the user experience by adding copy functionality for image names in multiple components:

1. In `ImageEnvironmentSelectFormItems.tsx`:
   - Added a copyable text for the environment/version label, allowing users to easily copy the full image name.

2. In `ImageList.tsx`:
   - Introduced a new copy button in the image list, enabling users to copy the full image name with a single click.

3. Updated `CopyButton.tsx`:
   - Added a `defaultIcon` prop to allow customization of the default icon displayed before copying.

These changes make it more convenient for users to copy and use image names across the application.

|Environments|Session Laucner|
|---|---|
|![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/lSyr8xXz1wdXALkJKzVx/8359f664-56bf-49ce-9562-f81a05f3452c.png)|![image.png](https://graphite-user-uploaded-assets-prod.s3.amazonaws.com/lSyr8xXz1wdXALkJKzVx/f114a788-eaef-41f0-9fb8-0ecbfc1c5129.png)|

**Checklist:**

- [ ] Documentation
- [ ] Test case(s) to demonstrate the difference of before/after
@agatha197 agatha197 force-pushed the feat/copy-buttom-for-image-full-name branch from 4485f56 to 0dc3660 Compare September 27, 2024 04:26
@graphite-app graphite-app bot merged commit 0dc3660 into main Sep 27, 2024
7 checks passed
@graphite-app graphite-app bot deleted the feat/copy-buttom-for-image-full-name branch September 27, 2024 04:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
size:M 30~100 LoC
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants