0ct0pu5/kafka-ui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Added brokerConfig search functionality by value

Browse source
This commit is contained in:
Malav Mevada 2023-05-10 14:33:28 +05:30
parent bc85924d7d
commit 33e00221d2
2 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
kafka-ui-e2e-checks/src/main/java/com/provectus/kafka/ui/pages/brokers/BrokersConfigTab.java
View file

@ -14,7 +14,7 @@ import java.util.stream.Stream;
public class BrokersConfigTab extends BasePage {
protected List<SelenideElement> editBtn = $$x("//button[@aria-label='editAction']");
protected SelenideElement searchByKeyField = $x("//input[@placeholder='Search by Key']");
protected SelenideElement searchByKeyField = $x("//input[@placeholder='Search by Key or Value']");
@Step
public BrokersConfigTab waitUntilScreenReady() {

10
kafka-ui-react-app/src/components/Brokers/Broker/Configs/Configs.tsx
View file

@ -34,14 +34,18 @@ const Configs: React.FC = () => {
const getData = () => {
return data
.filter((item) => item.name.toLocaleLowerCase().indexOf(keyword) > -1)
.filter((item) => {
const nameMatch = item.name.toLocaleLowerCase().includes(keyword);
const valueMatch = item.value && item.value.includes(keyword);
return nameMatch || valueMatch;
})
.sort((a, b) => {
if (a.source === b.source) return 0;
return a.source === ConfigSource.DYNAMIC_BROKER_CONFIG ? -1 : 1;
});
};
const dataSource = React.useMemo(() => getData(), [data, keyword]);
const renderCell = (props: CellContext<BrokerConfig, unknown>) => (
@ -91,7 +95,7 @@ const Configs: React.FC = () => {
<S.SearchWrapper>
<Search
onChange={setKeyword}
placeholder="Search by Key"
placeholder="Search by Key or Value"
value={keyword}
/>
</S.SearchWrapper>