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

[Security Solution][Notes] - add new notes icon for manage page #194752

Merged
merged 2 commits into from
Oct 3, 2024

Conversation

PhilippeOberti
Copy link
Contributor

@PhilippeOberti PhilippeOberti commented Oct 2, 2024

Summary

This PR is a follow up of this previous PR that added a new entry for the Notes management page to the Manage section (in the current/old navigation) and an entry to the Investigations section in the new space-specific Security navigation. That PR was using the already existing IconFilebeatChart icon.

The new notes icon was extracted from this mock

Thanks @paul-tavares for highlighting that EUI might have an icon for this already. Then indeed have. @ferenrigue @codearos are we ok using the same icon as fileBeat for notes? Should we create a different icon here?

Old icon New icon
Screenshot 2024-10-02 at 12 55 00 PM Screenshot 2024-10-02 at 12 54 45 PM

#193059

@PhilippeOberti PhilippeOberti added backport release_note:skip Skip the PR/issue when compiling release notes v9.0.0 Team:Threat Hunting:Investigations Security Solution Investigations Team v8.16.0 labels Oct 2, 2024
@PhilippeOberti PhilippeOberti requested review from a team as code owners October 2, 2024 17:59
@elasticmachine
Copy link
Contributor

Pinging @elastic/security-threat-hunting-investigations (Team:Threat Hunting:Investigations)

@kibana-ci
Copy link
Collaborator

💛 Build succeeded, but was flaky

Failed CI Steps

Metrics [docs]

Async chunks

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

id before after diff
securitySolution 20.5MB 20.5MB +331.0B
Unknown metric groups

async chunk count

id before after diff
securitySolution 94 95 +1

History

  • 💛 Build #238912 was flaky 16335e571952f3677e6747949587b71e73530e48

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

import React from 'react';

export const IconNotes: React.FC<SVGProps<SVGSVGElement>> = ({ ...props }) => (
<svg
Copy link
Member

Choose a reason for hiding this comment

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

If you do happen to use this SVG markup, I'd suggest you compress its size using https://svgomg.net/.

Here's the compressed version that saves up to 89 bytes but renders the same

<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32" {...props}>
  <path fill="#017D73" d="M15 13H6v2h9v-2Zm7 5H6v2h16v-2ZM6 23h16v2H6v-2Z"/>
  <path fill="#343741" d="M19.41 0H3a3 3 0 0 0-3 3v26a3 3 0 0 0 3 3h22a3 3 0 0 0 3-3V8.59L19.41 0ZM20 3.41 24.59 8H20V3.41ZM25 30H3a1 1 0 0 1-1-1V3a1 1 0 0 1 1-1h15v8h8v19a1 1 0 0 1-1 1Z"/>
</svg>

Settings I used with your markup to compress (precision 3, plus swithces)
Screenshot 2024-10-03 at 09 37 19

@codearos
Copy link

codearos commented Oct 3, 2024

@PhilippeOberti Thanks for mentioning. I think it's totally fine to use this icon. It refers more to document/notes metaphor.

@PhilippeOberti PhilippeOberti merged commit c3364db into elastic:main Oct 3, 2024
42 checks passed
@PhilippeOberti PhilippeOberti deleted the notes-icon branch October 3, 2024 14:01
@kibanamachine
Copy link
Contributor

Starting backport for target branches: 8.x

https://github.com/elastic/kibana/actions/runs/11163472540

@kibanamachine
Copy link
Contributor

💚 All backports created successfully

Status Branch Result
8.x

Note: Successful backport PRs will be merged automatically after passing CI.

Questions ?

Please refer to the Backport tool documentation

kibanamachine added a commit that referenced this pull request Oct 3, 2024
…#194752) (#194844)

# Backport

This will backport the following commits from `main` to `8.x`:
- [[Security Solution][Notes] - add new notes icon for manage page
(#194752)](#194752)

<!--- Backport version: 9.4.3 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Philippe
Oberti","email":"[email protected]"},"sourceCommit":{"committedDate":"2024-10-03T14:01:21Z","message":"[Security
Solution][Notes] - add new notes icon for manage page
(#194752)","sha":"c3364db26c898316ce29e5ed09fb3be260cc66bc","branchLabelMapping":{"^v9.0.0$":"main","^v8.16.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["backport","release_note:skip","v9.0.0","Team:Threat
Hunting:Investigations","v8.16.0"],"title":"[Security Solution][Notes] -
add new notes icon for manage
page","number":194752,"url":"https://github.com/elastic/kibana/pull/194752","mergeCommit":{"message":"[Security
Solution][Notes] - add new notes icon for manage page
(#194752)","sha":"c3364db26c898316ce29e5ed09fb3be260cc66bc"}},"sourceBranch":"main","suggestedTargetBranches":["8.x"],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/194752","number":194752,"mergeCommit":{"message":"[Security
Solution][Notes] - add new notes icon for manage page
(#194752)","sha":"c3364db26c898316ce29e5ed09fb3be260cc66bc"}},{"branch":"8.x","label":"v8.16.0","branchLabelMappingKey":"^v8.16.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Philippe Oberti <[email protected]>
tiansivive pushed a commit to tiansivive/kibana that referenced this pull request Oct 7, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
backport release_note:skip Skip the PR/issue when compiling release notes Team:Threat Hunting:Investigations Security Solution Investigations Team v8.16.0 v9.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

7 participants