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

ENG-3070 Disable workflows list sorting #1408

Conversation

eunice-chan
Copy link
Contributor

@eunice-chan eunice-chan commented Jun 5, 2023

Describe your changes and why you are making these changes

Delay the workflows list rendering so that the dates can load in and the rows can order before loading. Will be replaced with a more ideal solution as a future task. Not sure if having a several seconds delay before loading the workflows page is preferred to showing the reordering.

Tested with 100 workflows (modified from Hari's many small workflows example but instead these workflows run once and aren't not scheduled) and S3 as metadata store.

Related issue number (if any)

ENG-3070
ENG-3096

Loom demo (if any)

Jun 5 Update:
No ordering:

Screen.Recording.2023-06-05.at.2.17.13.PM.mov

Before

loading_before.mov

After

loading_after.mov

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.
  • [N/A] If this is a new feature, I have added unit tests and integration tests.
  • [N/A] 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)

@eunice-chan eunice-chan added the skip_integration_test Skips required integration test (only documentation/UI changes) label Jun 5, 2023
@eunice-chan eunice-chan changed the title ENG-3070 Delay workflows list rendering while waiting for details to load ENG-3070 Disable workflows list sorting Jun 5, 2023
@eunice-chan
Copy link
Contributor Author

eunice-chan commented Jun 5, 2023

No ordering:

Screen.Recording.2023-06-05.at.2.17.13.PM.mov

@@ -118,7 +117,7 @@ const NavBar: React.FC<{
);
}
return (
<Link
<RouterLink
Copy link
Contributor

Choose a reason for hiding this comment

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

Did this work? Curious if this helps disabling the refresh when you click on the breadcrumb link

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 is how it looks:

Screen.Recording.2023-06-05.at.3.04.01.PM.mov

I wasn't too sure what you meant by disabling the refresh.

Copy link
Contributor

Choose a reason for hiding this comment

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

Oh I meant did you see lots of API call in your server log when you click on the link? Previously it does as we refetch these APIs, which didn't utilize the caching power of RTK framework

Copy link
Contributor

Choose a reason for hiding this comment

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

It's not a big deal if it doesn't fix. We can file a task and investigate later

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 think it does. When clicking "workflows" from the workflow detail page of workflow 0, only the details of the workflow 0 was filled in. The rest had to be loaded in from the server.

Copy link
Contributor

Choose a reason for hiding this comment

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

Hmm okay let's file a separate task then

sortColumn: sortColumns[0],
sortType: SortType.Descending,
}}
// Disabled until ENG-3096
Copy link
Contributor

Choose a reason for hiding this comment

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

Nit: Add a TODO: in this comment. This helps us finding and clean up TODOs if these follow up didn't get in due to other priorities.

Copy link
Contributor

@likawind likawind left a comment

Choose a reason for hiding this comment

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

LGTM, thanks for following up and addressing multiple rounds of comments!

@eunice-chan eunice-chan merged commit 52ed893 into main Jun 5, 2023
5 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
skip_integration_test Skips required integration test (only documentation/UI changes)
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants