Skip to content

Conversation

@tptodorov
Copy link
Collaborator

@tptodorov tptodorov commented Nov 28, 2025

What

Replace the "open book" with an "open folder" icon, in the Tutorials panel.

Please check that it has used the right open folder icon.

Testing

  1. Open Redis Insight and go to the Databases tab
  2. Open existing database connection, or establish a new one
  3. Click on the Insights icon int he top right corner
  4. Go to the Tutorials tab

Open the existing tutorials and see how the folder icon changes.

Before After
Screenshot 2025-11-28 at 14 45 10 Screenshot 2025-11-28 at 14 37 48
Screenshot 2025-11-28 at 14 45 23 Screenshot 2025-11-28 at 14 38 09

Note

Adds a new folder_open.svg icon, registers it as FolderOpenIcon, and uses it in enablement group headers when expanded.

  • UI
    • Update EnablementArea/components/Group/Group.tsx to show FolderOpenIcon when the group is expanded (fallback remains FolderIcon when collapsed).
  • Assets & Icons
    • Add ui/src/assets/img/icons/folder_open.svg.
    • Register and export FolderOpenIcon in components/base/icons/iconRegistry.tsx.

Written by Cursor Bugbot for commit 7da0139. This will update automatically on new commits. Configure here.

@CLAassistant
Copy link

CLAassistant commented Nov 28, 2025

CLA assistant check
Thank you for your submission! We really appreciate it. Like many open source projects, we ask that you all sign our Contributor License Agreement before we can accept your contribution.
1 out of 2 committers have signed the CLA.

✅ valkirilov
❌ tptodorov
You have signed the CLA already but the status is still pending? Let us recheck it.

@github-actions
Copy link
Contributor

github-actions bot commented Nov 28, 2025

Code Coverage - Frontend unit tests

St.
Category Percentage Covered / Total
🟢 Statements 82.86% 20947/25279
🟡 Branches 68.05% 8832/12978
🟡 Functions 77.91% 5723/7346
🟢 Lines 83.27% 20512/24633

Test suite run success

5424 tests passing in 703 suites.

Report generated by 🧪jest coverage report action from 38ffec8

- Remove custom SVG file folder_open.svg
- Remove FolderOpenIcon import/export from iconRegistry.tsx
- Update @redis-ui/icons to version 6.3.17 which includes FolderOpenIcon
- Fix icon logic in Group component to show FolderOpenIcon when open

References: #RI-7832
…t and icon usage

- Added guidelines for clearing Vite cache after updating npm packages
- Emphasized the use of Redis UI icons and provided instructions for icon usage and exceptions for custom icons
@valkirilov valkirilov changed the title RI-7832 replaced open book with open folder icon RI-7832 Replace open book with open folder icon in the Tutorials Nov 28, 2025
"@elastic/eui": "34.6.0",
"@redis-ui/components": "^39.18.0",
"@redis-ui/icons": "^6.1.1",
"@redis-ui/icons": "^6.3.17",
Copy link
Contributor

Choose a reason for hiding this comment

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

last bump was 2 months ago, I assume no breaking changes happened (e.g. no icons we use was removed)?

Copy link
Member

Choose a reason for hiding this comment

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

tl;dr - I hope so.

It's a valid concern, so I went trough their release logs, and it seems they didn't change anything major (or at least they didn't mention it).

Still, we have the option to postpone this PR after the release, since it's something minor, so we don't risk it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants