Add description and documentation link in alert flyout#81526
Add description and documentation link in alert flyout#81526mikecote merged 10 commits intoelastic:masterfrom
Conversation
afdff90 to
0099766
Compare
|
Pinging @elastic/kibana-alerting-services (Team:Alerting Services) |
|
Looks good! I noticed that in the mockup, there is another horizontal rule at the bottom of the "header" section of the alert type (containing the name, description & doc link). Do we want to add that in this PR? Otherwise, the rules section of the alert type is sometimes very tight against the doc link |
|
I think this is unrelated to this PR, but often when I open the flyout and click directly on the doc link, it triggers the form validation, which shows an error for the "Name" field, which makes all the form fields jump down to accommodate, and then I have to click the doc link again to actually open. |
mdefazio
left a comment
There was a problem hiding this comment.
Nice catch on the spacing. I think we can also just add this right after the description, instead of forcing it to its own line.
- Change
EuiTextsize to small for the description - Move documentation link inside the description with
EuiLink
|
Pinging @elastic/apm-ui (Team:apm) |
|
Pinging @elastic/uptime (Team:uptime) |
|
@ymao1 good catch! I added the horizontal ruler and also applied the change @mdefazio proposed. Regarding the UX when clicking the link, I see exactly what you mean and it happens when the alert type is pre-selected when opening the flyout. I recall there was a reason why we made the |
shahzad31
left a comment
There was a problem hiding this comment.
Uptime changes LGTM !!
I think it's a minor annoyance and maybe most people won't go straight to clicking on the Documentation link? I would be fine with waiting to see if any user complains :) |
mdefazio
left a comment
There was a problem hiding this comment.
LGTM! Thanks for making the edits.
* Add description and documentation URL in alert flyout * Add unit tests * Fix type check * Add horizontal rule * Design fixes * Fix uptime alert link * Fix uptime urls * Add anchor tag * Fix jest test failures * Fix monitoring links
* Add description and documentation URL in alert flyout * Add unit tests * Fix type check * Add horizontal rule * Design fixes * Fix uptime alert link * Fix uptime urls * Add anchor tag * Fix jest test failures * Fix monitoring links
💚 Build SucceededMetrics [docs]Async chunks
Page load bundle
Saved Objects .kibana field count
History
To update your PR or re-run it, just comment with: |

Part of and resolves #75548.
In this PR, I'm adding a
documentationUrlproperty to alert types. I've added what I believe is the correct url for each. I'm also displaying the link and description in the alert flyout.This is based on the mockup from #64077 (comment).
Screenshot (see middle)
Note to codeowners
I think I've found all the proper documentation links for each alert type. Please verify that they are accurate.
Note for docs
The screenshots for create / edit flyout will need to be updated because there is now a description and documentation link displayed.
From a technical perspective, the
AlertTypeModelin the UI now has adocumentationUrlproperty that can have one of the following values:nullstring(docLinks: DocLinksStart) => string