jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

fix: search for the parent category on sidebar (#3940)

Browse source 
* 📝 (extraSidebarComponent/index.tsx): refactor handleSearchInput function to use a normalizeString helper function for better code readability and maintainability

* ♻️ (extraSidebarComponent/index.tsx): remove unnecessary console.log statement from the code
This commit is contained in:
Cristhian Zanforlin Lousa 2024-09-26 16:51:59 -03:00 • committed by GitHub
commit 11d0f4487b
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 9 additions and 39 deletions
Download patch file Download diff file Expand all files Collapse all files

48
src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
View file

@ -47,6 +47,10 @@ export default function ExtraSidebar(): JSX.Element {
event.dataTransfer.setData("genericNode", JSON.stringify(data));
}
function normalizeString(str: string): string {
return str.toLowerCase().replace(/_/g, " ").replace(/\s+/g, "");
}
// Handle showing components after use search input
function handleSearchInput(e: string) {
if (e === "") {
@ -59,8 +63,11 @@ export default function ExtraSidebar(): JSX.Element {
ret[d] = {};
let keys = Object.keys(data[d]).filter(
(nd) =>
nd.toLowerCase().includes(e.toLowerCase()) ||
data[d][nd].display_name?.toLowerCase().includes(e.toLowerCase()),
normalizeString(nd).includes(normalizeString(e)) ||
normalizeString(data[d][nd].display_name).includes(
normalizeString(e),
) ||
normalizeString(d.toString()).includes(normalizeString(e)),
);
keys.forEach((element) => {
ret[d][element] = data[d][element];
@ -106,43 +113,6 @@ export default function ExtraSidebar(): JSX.Element {
handleSearchInput(search);
}, [data]);
useEffect(() => {
if (getFilterEdge?.length > 0) {
setFilterData((_) => {
let dataClone = cloneDeep(data);
let ret = {};
Object.keys(dataClone).forEach((d: keyof APIObjectType, i) => {
ret[d] = {};
if (getFilterEdge.some((x) => x.family === d)) {
ret[d] = dataClone[d];
const filtered = getFilterEdge
.filter((x) => x.family === d)
.pop()
.type.split(",");
for (let i = 0; i < filtered.length; i++) {
filtered[i] = filtered[i].trimStart();
}
if (filtered.some((x) => x !== "")) {
let keys = Object.keys(dataClone[d]).filter((nd) =>
filtered.includes(nd),
);
Object.keys(dataClone[d]).forEach((element) => {
if (!keys.includes(element)) {
delete ret[d][element];
}
});
}
}
});
setSearch("");
return ret;
});
}
}, [getFilterEdge]);
useEffect(() => {
if (getFilterEdge?.length > 0) {
setFilterData((_) => {