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

Add git-commit icon to experiments table and quick pick #3124

Merged
merged 4 commits into from
Jan 19, 2023

Conversation

julieg18
Copy link
Contributor

@julieg18 julieg18 commented Jan 19, 2023

Adds the git-commit icon to the experiment table secondary name commit messages/tooltips and experiment selection quick picks

Demo

Screen.Recording.2023-01-19.at.7.47.40.AM.mov

Part of #3036

@julieg18 julieg18 added the product PR that affects product label Jan 19, 2023
@julieg18 julieg18 self-assigned this Jan 19, 2023
@@ -3,6 +3,8 @@ import { VSCodeTag } from '@vscode/webview-ui-toolkit/react'
import { CommitData } from 'dvc/src/experiments/webview/contract'
import styles from './styles.module.scss'
import Tooltip from '../../../shared/components/tooltip/Tooltip'
import { Icon } from '../../../shared/components/Icon'
import { GitCommit } from '../../../shared/components/icons'
Copy link
Contributor Author

Choose a reason for hiding this comment

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

I looked into add the git-commit icon to the experiments tree view but I couldn't find a way add icons to TreeItem descriptions

@@ -42,7 +42,9 @@ const getItemWithDescription = (
) => {
const item = getItem(experiment, firstThreeColumnOrder)
if (!experiment.checkpoints && experiment.displayNameOrParent) {
item.description = experiment.displayNameOrParent
item.description = `${experiment.commit ? '$(git-commit)' : ''}${
Copy link
Contributor Author

Choose a reason for hiding this comment

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

I wasn't sure if the quick pick looked better or worse with the git-commit icons:

image

image

What does everyone else think?

Copy link
Contributor

Choose a reason for hiding this comment

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

Do we have control over the size? If not I prefer the second one, else if we can make the icon a little smaller it could look good.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Do we have control over the size? If not I prefer the second one, else if we can make the icon a little smaller it could look good.

Nope, only one size option :(

@julieg18 julieg18 marked this pull request as ready for review January 19, 2023 13:56
@julieg18 julieg18 requested a review from shcheklein January 19, 2023 13:56
@julieg18 julieg18 changed the title Add git-commit icon to experiments table Add git-commit icon to experiments table and quick pick Jan 19, 2023
@codeclimate
Copy link

codeclimate bot commented Jan 19, 2023

Code Climate has analyzed commit 4dd76eb and detected 0 issues on this pull request.

The test coverage on the diff in this pull request is 100.0% (85% is the threshold).

This pull request will bring the total coverage in the repository to 96.2% (0.0% change).

View more on Code Climate.

@julieg18 julieg18 merged commit 05d980e into main Jan 19, 2023
@julieg18 julieg18 deleted the add-git-icon-to-experiments-table branch January 19, 2023 22:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
product PR that affects product
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants