\n
\n {\n setSearchInputValue(e.currentTarget.value);\n const filteredQueries = filterQueriesBySearch(e.currentTarget.value);\n setVisibleQueries(filteredQueries);\n }}\n placeholder=\"Search Logs queries\"\n width={40}\n />\n \n \n
\n
\n Query results:{' '}\n {Object.keys(visibleQueries).reduce((totalQueries: number, category) => {\n totalQueries = visibleQueries[category]!.length + totalQueries;\n return totalQueries;\n }, 0)}\n
\n
\n {Object.keys(visibleQueries).map((category: string) => {\n if (visibleQueries[category]!.length) {\n return (\n setAreDropdownsOpen({ ...areDropdownsOpen, [category]: isOpen })}\n key={category}\n >\n {visibleQueries[category]!.map((query) => {\n return (\n \n {query.displayName}\n \n \n \n \n \n \n \n );\n })}\n \n );\n }\n return;\n })}\n \n