Skip to content

Conversation

@valkirilov
Copy link
Member

@valkirilov valkirilov commented Nov 7, 2025

What

Update the visuals of the Slow Log page to reflect the new Redis UI components

  • update the welcome screen
  • update the placement of the action buttons
  • replace the virtual table with Redis UI

Testing

Welcome screen

  1. Open Redis Insight and go to the Databases tab
  2. Open an existing database or create a new connection
  3. Go to the Analyze tab from the top navigation
  4. Go to the Slow Log tab

You'll see the welcome screen because no data has been collected yet.

Before After
Screenshot 2025-11-07 at 15 45 46 Screenshot 2025-11-07 at 10 38 21
Screenshot 2025-11-07 at 15 45 53 Screenshot 2025-11-07 at 10 38 43

Config panel

Config panel for a regular database

  1. Click on the Configure button in the top right corner

You should see a popover with input fields to configure the settings on which the analysis will be performed.

Before After
Screenshot 2025-11-07 at 15 45 23 Screenshot 2025-11-07 at 10 40 34
Screenshot 2025-11-07 at 15 45 29 Screenshot 2025-11-07 at 10 40 54

Config panel for a cluster

As a prerequisite, you should spin up a Redis Cluster and connect to it.

  1. Download OpenVPN client (link)

  2. Go to /tests/e2e and start the following Docker container
    docker-compose -f rte.regression.docker-compose.yml -f rte.networks.docker-compose.yml -f vpn.docker-compose.yml up

  3. Go to Redis Insight and open the Databases page

  4. Connect to a new database instance via the following connection string 127.0.0.1:8200

  5. Go to the Analyze tab in the main navbar

  6. Go to the Slow Log tab

  7. Click on the Configure button in the top right corner

You should see a popover with details that you can configure the individual cluster nodes only.

Before After
Screenshot 2025-11-07 at 15 44 57 Screenshot 2025-11-07 at 10 43 55
Screenshot 2025-11-07 at 15 45 03 Screenshot 2025-11-07 at 10 44 05

Analysis screen with slog logs data

  1. Click on the Configure button in the top right corner
  2. Set the "slowlog-log-slower-than" to be 10 micro seconds
  3. Start using the application. Go to Browser page and add/edit/view keys
  4. Go back to the Slow Log tab on the Analyze page

You should see the Slow Log table filled with details for the queries that were performed under the hood

Before After
Screenshot 2025-11-07 at 15 44 14 Screenshot 2025-11-07 at 14 10 20
Screenshot 2025-11-07 at 15 44 20 Screenshot 2025-11-07 at 14 10 30

Clear logs

  1. Click on the "Clear" icon in the top right corner of the screen, visible only when you have some data in the table
Before After
Screenshot 2025-11-07 at 14 15 22 Screenshot 2025-11-07 at 14 42 09
Screenshot 2025-11-07 at 14 15 28 Screenshot 2025-11-07 at 14 42 14

- update the welcome screen
- update the placement of the action buttons

re #RI-7437
- replace the virtual table with Redis UI

re #RI-7437
@valkirilov valkirilov self-assigned this Nov 7, 2025
@github-actions
Copy link
Contributor

github-actions bot commented Nov 7, 2025

Code Coverage - Frontend unit tests

St.
Category Percentage Covered / Total
🟢 Statements 82.56% 20539/24877
🟡 Branches 67.72% 8784/12972
🟡 Functions 77.19% 5519/7150
🟢 Lines 82.98% 20111/24237

Test suite run success

5265 tests passing in 688 suites.

Report generated by 🧪jest coverage report action from 2ffa2ce

@valkirilov valkirilov marked this pull request as ready for review November 7, 2025 13:49
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants