Repository navigation
[UI] Migrate Sistent icon imports to append Icon suffix - #19735
Conversation
Signed-off-by: Lenox Wiltshire <[email protected]>
Signed-off-by: Rishi Raj <[email protected]>
There was a problem hiding this comment.
Code Review
This pull request standardizes icon imports and usage across various UI components, replacing legacy or aliased icon names (such as AccessTime, BarchartIcon, GroupAdd, InfoOutlined, ChevronLeft, and ChevronRight) with their canonical *Icon equivalents from @sistent/sistent. The review feedback suggests improving naming consistency in YamlDialog.tsx by using FullScreenIcon with a capital 'S' instead of aliasing it to FullscreenIcon with a lowercase 's', matching the convention of FullScreenExitIcon.
…nto fix-sistent-icon-imports Signed-off-by: Rishi Raj <[email protected]> # Conflicts: # ui/components/workspaces/WorkspaceGridView.test.tsx
Signed-off-by: Rishi Raj <[email protected]>
Signed-off-by: Rishi Raj <[email protected]>
Rajesh-Nagarajan-11
left a comment
There was a problem hiding this comment.
This PR also includes the upgrade to Sistent v0.24.15.
|
Commit SHA: END-TO-END TESTS
📦 Test Result Summary
⌛ Duration: 11 minutes and 32 seconds Overall Result: 👎 Some tests failed. [Show/Hide] Test Result Details
❌ Failed Test Details The following tests failed. Click on each to see the failure reason: ❌ Grafana elements on metrics tab (Local - chromium-local-provider)File Location: Error Message: Code Snippet: ❌ Create a Model (Local - chromium-local-provider)File Location: Error Message: 🔗 Relationship Tests [Show/Hide] Relationship Test Details (18 tests)
|
Junnygram
left a comment
There was a problem hiding this comment.
LGTM!
I've checked out this branch locally and verified all icon migrations and corresponding test mock definitions:
- Icon suffix renaming:
AccessTimeIcon,ChevronLeftIcon,ChevronRightIcon,FullScreenExitIcon,GroupAddIcon,BarChartIcon, andInfoOutlinedIconare correctly integrated across all pages, layouts, and workspace components. - Chevron migrations: Confirmed that the recent merge of
feature/banana-three-join/chevronicon-sistent-updateresolved the outstanding Chevron icon upgrades in the workspace views. - Unit Tests: Ran the UI unit test suite locally; all mock definitions targeting
@sistent/sistentmock exports are correct and tests are compiling and passing without issues.
Description
This pull request updates the imports and usages of Sistent components/icons in the Meshery UI codebase to conform to the updated
@sistent/sistenticon naming schema, appending theIconsuffix to the following components:AccessTime->AccessTimeIconChevronLeft->ChevronLeftIconChevronRight->ChevronRightIconFullScreenIconExit->FullScreenExitIconGroupAdd->GroupAddIconBarchartIcon->BarChartIconInfoOutlined->InfoOutlinedIconAdditionally, all corresponding unit test mock definitions targeting
@sistent/sistentexports and custom component imports have been updated to prevent test failures due to missing mock exports.Key Changes
@sistent/sistentrather than local components where applicable.InfoOutlinedIconmock names).Signed commits