- {/* Collapse toggle button (only if has children) */}
- {hasChildren && (
-
- )}
+ const isFocused = focusedEventId === node.event.id;
+ return (
+
+ {/* First-level reply */}
-
-
-
-
-
+ {/* Collapse toggle button (only if has children) */}
+ {hasChildren && (
+
+ )}
- {/* Second-level replies (nested, indented) */}
- {hasChildren && !isCollapsed && (
-
- {node.children.map((child) => {
- const isChildFocused = focusedEventId === child.id;
- return (
-
-
-
-
-
- );
- })}
+
+
+
+
+
- )}
-