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

UIDRefactor 8/n rename tree types

Browse Source 
Summary: The previous names made no sense after they drifted over time

Reviewed By: lblasa

Differential Revision: D47550916

fbshipit-source-id: fa7df17b090c52b68ab4af9388d87365da6e8ff3
This commit is contained in:
Luke De Feo
2023-07-21 07:17:31 -07:00
committed by Facebook GitHub Bot
parent d8fda847b8
commit 6faccc4889
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -237,7 +237,7 @@ export function Tree2({
} }
}}> }}>
{rowVirtualizer.getVirtualItems().map((virtualRow) => ( {rowVirtualizer.getVirtualItems().map((virtualRow) => (
<TreeItemContainer <TreeNodeRow
transform={`translateY(${virtualRow.start}px)`} transform={`translateY(${virtualRow.start}px)`}
innerRef={refs[virtualRow.index]} innerRef={refs[virtualRow.index]}
key={virtualRow.index} key={virtualRow.index}
@@ -287,7 +287,7 @@ function IndentGuide({indentGuide}: {indentGuide: NodeIndentGuide}) {
); );
} }
function TreeItemContainer({ function TreeNodeRow({
transform, transform,
innerRef, innerRef,
treeNode, treeNode,
@@ -328,7 +328,7 @@ function TreeItemContainer({
{treeNode.indentGuide != null && ( {treeNode.indentGuide != null && (
<IndentGuide indentGuide={treeNode.indentGuide} /> <IndentGuide indentGuide={treeNode.indentGuide} />
)} )}
<TreeItemRow <TreeNodeContent
isHighlighted={highlightedNodes.has(treeNode.id)} isHighlighted={highlightedNodes.has(treeNode.id)}
isSelected={treeNode.id === selectedNode} isSelected={treeNode.id === selectedNode}
isHovered={hoveredNode === treeNode.id} isHovered={hoveredNode === treeNode.id}
@@ -358,7 +358,7 @@ function TreeItemContainer({
/> />
{nodeIcon(treeNode)} {nodeIcon(treeNode)}
<TreeItemRowContent treeNode={treeNode} /> <TreeNodeTextContent treeNode={treeNode} />
{treeNode.frameworkEvents && ( {treeNode.frameworkEvents && (
<Badge <Badge
count={treeNode.frameworkEvents} count={treeNode.frameworkEvents}
@@ -368,12 +368,12 @@ function TreeItemContainer({
}} }}
/> />
)} )}
</TreeItemRow> </TreeNodeContent>
</div> </div>
); );
} }
function TreeItemRowContent({treeNode}: {treeNode: TreeNode}) { function TreeNodeTextContent({treeNode}: {treeNode: TreeNode}) {
return ( return (
<> <>
<HighlightedText text={treeNode.name} /> <HighlightedText text={treeNode.name} />
@@ -407,7 +407,7 @@ function InlineAttributes({attributes}: {attributes: Record<string, string>}) {
const TreeItemHeight = '26px'; const TreeItemHeight = '26px';
const HalfTreeItemHeight = `calc(${TreeItemHeight} / 2)`; const HalfTreeItemHeight = `calc(${TreeItemHeight} / 2)`;
const TreeItemRow = styled.li<{ const TreeNodeContent = styled.li<{
item: TreeNode; item: TreeNode;
isHovered: boolean; isHovered: boolean;
isSelected: boolean; isSelected: boolean;