mirror of
https://github.com/claude-code-best/claude-code.git
synced 2026-06-23 08:45:50 +00:00
This reverts commit c445f43f8d.
This commit is contained in:
@@ -1,57 +0,0 @@
|
||||
import React, { Children, isValidElement } from 'react'
|
||||
import { Text } from '../index.js'
|
||||
|
||||
type Props = {
|
||||
/** The items to join with a middot separator */
|
||||
children: React.ReactNode
|
||||
}
|
||||
|
||||
/**
|
||||
* Joins children with a middot separator (" · ") for inline metadata display.
|
||||
*
|
||||
* Named after the publishing term "byline" - the line of metadata typically
|
||||
* shown below a title (e.g., "John Doe · 5 min read · Mar 12").
|
||||
*
|
||||
* Automatically filters out null/undefined/false children and only renders
|
||||
* separators between valid elements.
|
||||
*
|
||||
* @example
|
||||
* // Basic usage: "Enter to confirm · Esc to cancel"
|
||||
* <Text dimColor>
|
||||
* <Byline>
|
||||
* <KeyboardShortcutHint shortcut="Enter" action="confirm" />
|
||||
* <KeyboardShortcutHint shortcut="Esc" action="cancel" />
|
||||
* </Byline>
|
||||
* </Text>
|
||||
*
|
||||
* @example
|
||||
* // With conditional children: "Esc to cancel" (only one item shown)
|
||||
* <Text dimColor>
|
||||
* <Byline>
|
||||
* {showEnter && <KeyboardShortcutHint shortcut="Enter" action="confirm" />}
|
||||
* <KeyboardShortcutHint shortcut="Esc" action="cancel" />
|
||||
* </Byline>
|
||||
* </Text>
|
||||
*
|
||||
*/
|
||||
export function Byline({ children }: Props): React.ReactNode {
|
||||
// Children.toArray already filters out null, undefined, and booleans
|
||||
const validChildren = Children.toArray(children)
|
||||
|
||||
if (validChildren.length === 0) {
|
||||
return null
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
{validChildren.map((child, index) => (
|
||||
<React.Fragment
|
||||
key={isValidElement(child) ? (child.key ?? index) : index}
|
||||
>
|
||||
{index > 0 && <Text dimColor> · </Text>}
|
||||
{child}
|
||||
</React.Fragment>
|
||||
))}
|
||||
</>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user