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

[4/n] Add UI changes to render deleted artifacts #1401

Conversation

likawind
Copy link
Contributor

@likawind likawind commented Jun 2, 2023

Describe your changes and why you are making these changes

This PR adds necessary changes to render artifacts who has snapshots disabled. Note that we show the results that get disabled but not implying that future workflow run will have the snapshot disabled.

We also added some small fix so that we show check status that aligns with op results rather than artf results

Related issue number (if any)

ENG-3000

Loom demo (if any)

Verified in manual QA that no regressions to relevant features:
https://www.loom.com/share/12a3015af65b47e6b2511c17aeab1c6b

Verified on the manual QA with disabled API calls:
Screenshot 2023-06-05 at 5 00 08 PM

Checklist before requesting a review

  • I have created a descriptive PR title. The PR title should complete the sentence "This PR...".
  • I have performed a self-review of my code.
  • I have included a small demo of the changes. For the UI, this would be a screenshot or a Loom video.
  • If this is a new feature, I have added unit tests and integration tests.
  • I have run the integration tests locally and they are passing.
  • I have run the linter script locally (See python3 scripts/run_linters.py -h for usage).
  • All features on the UI continue to work correctly.
  • Added one of the following CI labels:
    • run_integration_test: Runs integration tests
    • skip_integration_test: Skips integration tests (Should be used when changes are ONLY documentation/UI)

let iconColor = theme.palette.black;
let checkIcon = faMinus;
if (value) {
return <>{value}</>;
Copy link
Contributor

Choose a reason for hiding this comment

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

Does this need to be a Typography component? Or does the parent component take care of this?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

This follows what has been used in main version that we returns the raw string for check names, etc.

Copy link
Contributor Author

Choose a reason for hiding this comment

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

We could use a Typography here but I feel that's an independent change and not necessarily need to spend much time in this PR

Copy link
Contributor

Choose a reason for hiding this comment

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

no worries, just checking what's going on here.

monochrome={false}
/>
);
if (status) {
Copy link
Contributor

Choose a reason for hiding this comment

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

This can be combined with the return statement below as a ternary to check for status.

status={status ? status : ExecutionStatus.Unknown}

@@ -45,7 +45,7 @@ const ArtifactContent: React.FC<Props> = ({
);
}

if (!content || !artifactResult) {
if (!content || !content.content || !artifactResult) {
Copy link
Contributor

Choose a reason for hiding this comment

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

Could this become !content?.content || !artifactResult ?

Copy link
Contributor

@agiron123 agiron123 left a comment

Choose a reason for hiding this comment

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

Code looks good, left a couple small suggestions.
Happy to help with some manual testing after these are resolved.

…to eng-3000-allow-users-to-opt-out-of-data-snapshots-4
…to eng-3000-allow-users-to-opt-out-of-data-snapshots-4
@likawind
Copy link
Contributor Author

likawind commented Jun 6, 2023

Based on discussion with @vsreekanti , we make the delete artifact green but showing a different icon / description to distinguish from the succeeded one. I deliberately make the icon gray so that the node is not 'as green as' a succeeded one

@agiron123
Copy link
Contributor

Nice work! Should we gray out / add some sort of opacity filter over the side sheet so that users know that the artifact has been deleted.

I find it a little hard to distinguish that this artifact is no longer there.

@agiron123
Copy link
Contributor

Maybe something that we can also do is add a strikethrough to the text of the artifact name in the DAG.

Open to ideas here @vsreekanti

Copy link
Contributor

@agiron123 agiron123 left a comment

Choose a reason for hiding this comment

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

Nice work! Left some comments, but we can resolve them in a later PR.

@likawind likawind merged commit 552bddb into eng-3000-allow-users-to-opt-out-of-data-snapshots-3 Jun 6, 2023
10 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants