provectus/kafka-ui

Brokers: Configs: Implement sorting

Open

#3,161 opened on Dec 28, 2022

View on GitHub
 (8 comments) (0 reactions) (1 assignee)Java (977 forks)batch import
good first issuescope/backendscope/frontendstatus/acceptedtype/enhancement

Repository metrics

Stars
 (7,799 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

Actual behavior

It is not possible to sort the configs for the broker, which complicates the search for the required config.

Expected behavior Sorting should be possible by the Key and Value. Which is especially helpful on the troubleshooting. Sorting by the Source of the config can also come handy.

Set up

f4e6afe

Steps to Reproduce

  1. Login to Kafka UI
  2. Navigate to Borkers
  3. Select broker and switch to Configs tab.

Screenshots

Additional context

Discussed with @Haarolean to be created as a separate issue from #2651

Contributor guide

Research direction
Examine the broker config component in the frontend codebase (likely in a React based UI). Determine how config data is fetched from the backend and rendered in a table. Implement sorting functionality for the 'Key' and 'Value' columns, possibly using a JavaScript sorting function or a table library like react table. Ensure toggle between ascending and descending order. Test the changes with sample data and verify no regressions.
Tech stack
javareact
Domain
frontend
Issue type
Feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
Half day
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Blocked
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
Basic React knowledge
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
50