random-mirrors/cosmos-explorer
1
0
Fork 0
mirror of https://github.com/Azure/cosmos-explorer.git synced 2026-01-22 11:14:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

Optimize SearchableDropdown with useMemo for filteredItems

Browse Source 
Co-authored-by: nishthaAhujaa <45535788+nishthaAhujaa@users.noreply.github.com>
This commit is contained in:
copilot-swe-agent[bot]
2026-01-14 12:49:36 +00:00
parent 302b13a77c
commit eb2c560c95
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/Common/SearchableDropdown.tsx
View File

@@ -9,7 +9,7 @@ import {
Text,
} from "@fluentui/react";
import * as React from "react";
import { useCallback, useRef, useState } from "react";
import { useCallback, useMemo, useRef, useState } from "react";
import {
buttonLabelStyles,
calloutContentStyles,
@@ -58,7 +58,10 @@ export const SearchableDropdown = <T,>({
setFilterText("");
}, []);
const filteredItems = items?.filter((item) => getDisplayText(item).toLowerCase().includes(filterText.toLowerCase()));
const filteredItems = useMemo(
() => items?.filter((item) => getDisplayText(item).toLowerCase().includes(filterText.toLowerCase())),
[items, filterText, getDisplayText],
);
const handleDismiss = useCallback(() => {
closeDropdown();