Skip to content

Commit d8a188b

Browse files
refactor: updated AI icon to the filled version (MetaMask#27273)
<!-- Please submit this PR as a draft initially. Do not mark it as "Ready for review" until the template has been completely filled out, and PR status checks have passed at least once. --> ## **Description** Updates the AI icon in the component library to use the filled version for visual consistency. 1. **Reason for the change:** The AI icon was using an outline style; switching to the filled version aligns with design and improves visibility/recognition. 2. **Improvement:** Replaced the AI icon asset with the filled variant. ## **Changelog** <!-- If this PR is not End-User-Facing and should not show up in the CHANGELOG, you can choose to either: 1. Write `CHANGELOG entry: null` 2. Label with `no-changelog` If this PR is End-User-Facing, please write a short User-Facing description in the past tense like: `CHANGELOG entry: Added a new tab for users to see their NFTs` `CHANGELOG entry: Fixed a bug that was causing some NFTs to flicker` (This helps the Release Engineer do their job more quickly and accurately) --> CHANGELOG entry: null ## **Related issues** Fixes: https://consensyssoftware.atlassian.net/browse/DSYS-553 ## **Manual testing steps** ```gherkin Feature: AI icon display Scenario: AI icon shows filled variant Given the app is open When user navigates to a screen that displays the AI icon (e.g. Predict, or component library / Storybook) Then the AI icon is displayed in the filled style And the icon renders correctly at various sizes ``` ## **Screenshots/Recordings** <!-- If applicable, add screenshots and/or recordings to visualize the before and after of your change. --> ### **Before** <!-- [screenshots/recordings] --> ### **After** https://github.com/user-attachments/assets/756a06f3-f905-4438-ba91-82eff918e842 <!-- [screenshots/recordings] --> ## **Pre-merge author checklist** - [x] I've followed [MetaMask Contributor Docs](https://github.com/MetaMask/contributor-docs) and [MetaMask Mobile Coding Standards](https://github.com/MetaMask/metamask-mobile/blob/main/.github/guidelines/CODING_GUIDELINES.md). - [x] I've completed the PR template to the best of my ability - [x] I've included tests if applicable - [x] I've documented my code using [JSDoc](https://jsdoc.app/) format if applicable - [x] I've applied the right labels on the PR (see [labeling guidelines](https://github.com/MetaMask/metamask-mobile/blob/main/.github/guidelines/LABELING_GUIDELINES.md)). Not required for external contributors. ## **Pre-merge reviewer checklist** - [ ] I've manually tested the PR (e.g. pull and build branch, run the app, test code being changed). - [ ] I confirm that this PR addresses all acceptance criteria described in the ticket it closes and includes the necessary testing evidence such as recordings and or screenshots. <!-- CURSOR_SUMMARY --> --- > [!NOTE] > **Low Risk** > Low risk asset-only change; impact is limited to UI rendering of the AI icon and could only affect visual appearance or sizing. > > **Overview** > Updates the component library AI icon by swapping `assets/ai.svg` to a filled version and adding explicit `width`/`height` attributes on the root `<svg>` to standardize sizing. > > No code logic changes; only the rendered appearance of the `ai` icon is affected wherever it’s used. > > <sup>Written by [Cursor Bugbot](https://cursor.com/dashboard?tab=bugbot) for commit 044d67b. This will update automatically on new commits. Configure [here](https://cursor.com/dashboard?tab=bugbot).</sup> <!-- /CURSOR_SUMMARY -->
1 parent 5dfa0b8 commit d8a188b

1 file changed

Lines changed: 1 addition & 1 deletion

File tree

  • app/component-library/components/Icons/Icon/assets
Lines changed: 1 addition & 1 deletion
Loading

0 commit comments

Comments
 (0)