jens/flipper
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Allow searching on inline attribute keys

Browse Source 
Summary: useful for bloks debugging

Reviewed By: lblasa

Differential Revision: D51349211

fbshipit-source-id: a11eca19bdecf989ceb6a95e9a3cb504020c7467
This commit is contained in:
Luke De Feo
2023-11-17 04:18:41 -08:00
committed by Facebook GitHub Bot
parent 288e8e2d48
commit bf67b19c4a
1 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
desktop/plugins/public/ui-debugger/components/tree/Tree.tsx
View File

@@ -497,7 +497,9 @@ function InlineAttributes({attributes}: {attributes: Record<string, string>}) {
<> <>
{Object.entries(attributes ?? {}).map(([key, value]) => ( {Object.entries(attributes ?? {}).map(([key, value]) => (
<TreeAttributeContainer key={key}> <TreeAttributeContainer key={key}>
<span style={{color: theme.warningColor}}>{key}</span> <span style={{color: theme.warningColor}}>
{highlightManager.render(key)}
</span>
<span>={highlightManager.render(value)}</span> <span>={highlightManager.render(value)}</span>
</TreeAttributeContainer> </TreeAttributeContainer>
))} ))}
@@ -661,6 +663,9 @@ function searchPredicate(
): (node: ClientNode) => string | true | undefined { ): (node: ClientNode) => string | true | undefined {
return (node: ClientNode): string | true | undefined => return (node: ClientNode): string | true | undefined =>
node.name.toLowerCase().includes(searchTerm) || node.name.toLowerCase().includes(searchTerm) ||
Object.keys(node.inlineAttributes).find((inlineAttr) =>
inlineAttr.toLocaleLowerCase().includes(searchTerm),
) ||
Object.values(node.inlineAttributes).find((inlineAttr) => Object.values(node.inlineAttributes).find((inlineAttr) =>
inlineAttr.toLocaleLowerCase().includes(searchTerm), inlineAttr.toLocaleLowerCase().includes(searchTerm),
); );