Skip to content

[RAM] Move Connectors to own page#142485

Merged
Zacqary merged 28 commits intoelastic:mainfrom
Zacqary:142373-connector-page
Oct 13, 2022
Merged

[RAM] Move Connectors to own page#142485
Zacqary merged 28 commits intoelastic:mainfrom
Zacqary:142373-connector-page

Conversation

@Zacqary
Copy link
Copy Markdown
Contributor

@Zacqary Zacqary commented Oct 3, 2022

Summary

Moves Connectors tab to own page in Stack Management
Closes #142373

Screen Shot 2022-10-03 at 10 47 48 AM

Checklist

@Zacqary Zacqary added Feature:Alerting/RulesManagement Issues related to the Rules Management UX v8.6.0 Team:ResponseOps Platform ResponseOps team (formerly the Cases and Alerting teams) t// release_note:enhancement labels Oct 3, 2022
@Zacqary Zacqary marked this pull request as ready for review October 5, 2022 21:08
@Zacqary Zacqary requested a review from a team as a code owner October 5, 2022 21:08
@elasticmachine
Copy link
Copy Markdown
Contributor

Pinging @elastic/response-ops (Team:ResponseOps)

app: [],
order: FEATURE_ORDER,
management: {
insightsAndAlerting: ['triggersActions'],
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

we should use the new constant CONNECTORS_PLUGIN_ID

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

This constant is in the triggers_actions_ui plugin, not the actions plugin, and attempting to import it causes an unresolvable no_boundary_crossing error. Because triggersActions is already here as a literal and not as an imported constant I think we should just leave it as-is.

@XavierM
Copy link
Copy Markdown
Contributor

XavierM commented Oct 6, 2022

@mdefazio Do you want the two buttons Create connector?
image

@XavierM
Copy link
Copy Markdown
Contributor

XavierM commented Oct 6, 2022

breadcrumbs is not showing connectors
image

@XavierM
Copy link
Copy Markdown
Contributor

XavierM commented Oct 6, 2022

I tried to change the privileges of Actions and connector and everything is working as expected! that was great to see!

@mdefazio
Copy link
Copy Markdown
Contributor

mdefazio commented Oct 6, 2022

Here's an updated mockup showing the empty state

image

I think this will be slightly different for Rules, since that will have two tabs....but I'm checking on that. Will get you that soon.

@lcawl Can you take a look at the page description and empty prompt text? I threw this in as a placeholder. The current copy felt out dated. We will also need an updated page description for the Rules page.

let updatedTitle: string;

switch (page) {
case 'logs':
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Thank you for adding that!

@JiaweiWu
Copy link
Copy Markdown
Contributor

JiaweiWu commented Oct 6, 2022

It seems like we're changing the path of the connectors page from management/insightsAndAlerting/triggersActions/connectors to management/insightsAndAlerting/triggersActionsConnectors. I did a quick string search for references to the old path and it seems like get_import_warnings.ts has a reference to it. I think we should take a look at references to the old URL so we don't get stale links 🙂

@mdefazio
Copy link
Copy Markdown
Contributor

mdefazio commented Oct 6, 2022

@mdefazio Where do we want the Documentation button to link to?

Requesting confirmation from @lcawl , but perhaps this link

@Zacqary Zacqary enabled auto-merge (squash) October 6, 2022 20:58
@Zacqary Zacqary disabled auto-merge October 6, 2022 20:58
@Zacqary
Copy link
Copy Markdown
Contributor Author

Zacqary commented Oct 10, 2022

@elasticmachine merge upstream

@Zacqary Zacqary enabled auto-merge (squash) October 11, 2022 16:04
exact
path={routeToConnectors}
render={() => {
const newPath = window.location.pathname.replace(
Copy link
Copy Markdown
Contributor

@XavierM XavierM Oct 12, 2022

Choose a reason for hiding this comment

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

instead of doing that, we can just use navigateToApp, it will be more the kibana way, what do you think?

@Zacqary Zacqary requested review from a team as code owners October 12, 2022 16:38
@Zacqary Zacqary requested review from a team as code owners October 12, 2022 16:45
@Zacqary
Copy link
Copy Markdown
Contributor Author

Zacqary commented Oct 12, 2022

@elastic/kibana-reporting-services @elastic/kibana-app-services @elastic/platform-deployment-management @elastic/ml-ui I apparently need code owner approval to achieve this sort order:

Screen Shot 2022-10-12 at 11 38 26 AM

We had multiple plugins using the same order: n value, so the actual order of the menu ended up being determined by what order Webpack imports and compiles everything. So in order to slot Connectors in the right spot while reducing confusion, I unfortunately had to touch a whole bunch of different plugins.

Copy link
Copy Markdown
Contributor

@alisonelizabeth alisonelizabeth left a comment

Choose a reason for hiding this comment

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

Deployment Management changes LGTM (changing watcher nav order)

@kibana-ci
Copy link
Copy Markdown

💛 Build succeeded, but was flaky

Failed CI Steps

Test Failures

  • [job] [logs] Rules, Alerts and Exceptions ResponseOps Cypress Tests on Security Solution / Alerts detection rules table auto-refresh should disable auto refresh when any rule selected and enable it after rules unselected

Metrics [docs]

Module Count

Fewer modules leads to a faster build time

id before after diff
triggersActionsUi 510 511 +1

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
triggersActionsUi 672.6KB 676.8KB +4.2KB

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id before after diff
triggersActionsUi 99.1KB 100.3KB +1.2KB

History

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

Copy link
Copy Markdown
Contributor

@mattkime mattkime left a comment

Choose a reason for hiding this comment

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

app services changes lgtm, reporting changes too. I think its fine for you to merge without an official reporting approval.

Copy link
Copy Markdown
Contributor

@alvarezmelissa87 alvarezmelissa87 left a comment

Choose a reason for hiding this comment

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

Code LGTM ⚡

@Zacqary Zacqary merged commit ec98f01 into elastic:main Oct 13, 2022
@kibanamachine kibanamachine added the backport:skip This PR does not require backporting label Oct 13, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport:skip This PR does not require backporting Feature:Alerting/RulesManagement Issues related to the Rules Management UX release_note:enhancement Team:ResponseOps Platform ResponseOps team (formerly the Cases and Alerting teams) t// v8.6.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[RAM] Move connector tabs to its own page

10 participants