mirror of
https://github.com/Kilo-Org/kilocode.git
synced 2026-09-24 16:02:55 +08:00
format(pr-view): prettier
This commit is contained in:
@@ -23,41 +23,41 @@ interface PRPanelProps {
|
||||
export const PRPanel: Component<PRPanelProps> = (props) => {
|
||||
return (
|
||||
<div class="am-pr-panel am-pr-col">
|
||||
<div class="am-pr-panel-header am-pr-row">
|
||||
<div class="am-pr-panel-title-row am-pr-row">
|
||||
<PRBadge pr={props.pr} />
|
||||
<span class="am-pr-panel-title">{props.pr.title}</span>
|
||||
<span class="am-pr-panel-number">#{props.pr.number}</span>
|
||||
</div>
|
||||
<div class="am-pr-panel-actions am-pr-row">
|
||||
<Tooltip value="Open in browser" placement="bottom">
|
||||
<IconButton
|
||||
icon="link"
|
||||
size="small"
|
||||
variant="ghost"
|
||||
label="Open in browser"
|
||||
onClick={props.onOpenExternal}
|
||||
/>
|
||||
</Tooltip>
|
||||
<Tooltip value="Close" placement="bottom">
|
||||
<IconButton icon="close" size="small" variant="ghost" label="Close PR panel" onClick={props.onClose} />
|
||||
</Tooltip>
|
||||
</div>
|
||||
<div class="am-pr-panel-header am-pr-row">
|
||||
<div class="am-pr-panel-title-row am-pr-row">
|
||||
<PRBadge pr={props.pr} />
|
||||
<span class="am-pr-panel-title">{props.pr.title}</span>
|
||||
<span class="am-pr-panel-number">#{props.pr.number}</span>
|
||||
</div>
|
||||
<div class="am-pr-panel-body">
|
||||
<PRSummary pr={props.pr} />
|
||||
<PROverview pr={props.pr} worktree={props.worktree} />
|
||||
<Show when={(props.pr.reviewers ?? []).length > 0}>
|
||||
<PRReviewers reviewers={props.pr.reviewers ?? []} />
|
||||
</Show>
|
||||
<Show when={props.pr.body}>{(body) => <PRDescription body={body()} />}</Show>
|
||||
<Show when={props.pr.checks.total > 0}>
|
||||
<PRChecks checks={props.pr.checks} />
|
||||
</Show>
|
||||
<Show when={props.pr.comments?.total ? props.pr.comments : undefined}>
|
||||
{(comments) => <PRComments comments={comments()} />}
|
||||
</Show>
|
||||
<div class="am-pr-panel-actions am-pr-row">
|
||||
<Tooltip value="Open in browser" placement="bottom">
|
||||
<IconButton
|
||||
icon="link"
|
||||
size="small"
|
||||
variant="ghost"
|
||||
label="Open in browser"
|
||||
onClick={props.onOpenExternal}
|
||||
/>
|
||||
</Tooltip>
|
||||
<Tooltip value="Close" placement="bottom">
|
||||
<IconButton icon="close" size="small" variant="ghost" label="Close PR panel" onClick={props.onClose} />
|
||||
</Tooltip>
|
||||
</div>
|
||||
</div>
|
||||
<div class="am-pr-panel-body">
|
||||
<PRSummary pr={props.pr} />
|
||||
<PROverview pr={props.pr} worktree={props.worktree} />
|
||||
<Show when={(props.pr.reviewers ?? []).length > 0}>
|
||||
<PRReviewers reviewers={props.pr.reviewers ?? []} />
|
||||
</Show>
|
||||
<Show when={props.pr.body}>{(body) => <PRDescription body={body()} />}</Show>
|
||||
<Show when={props.pr.checks.total > 0}>
|
||||
<PRChecks checks={props.pr.checks} />
|
||||
</Show>
|
||||
<Show when={props.pr.comments?.total ? props.pr.comments : undefined}>
|
||||
{(comments) => <PRComments comments={comments()} />}
|
||||
</Show>
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user