summaryrefslogtreecommitdiffhomepage
path: root/packages/ui/src/components/diff-changes.tsx
blob: 7661a974135e41a341d9e6361d68f9d8cda10862 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
import type { FileDiff } from "@opencode-ai/sdk"
import { createMemo, Show } from "solid-js"

export function DiffChanges(props: { diff: FileDiff | FileDiff[] }) {
  const additions = createMemo(() =>
    Array.isArray(props.diff)
      ? props.diff.reduce((acc, diff) => acc + (diff.additions ?? 0), 0)
      : props.diff.additions,
  )
  const deletions = createMemo(() =>
    Array.isArray(props.diff)
      ? props.diff.reduce((acc, diff) => acc + (diff.deletions ?? 0), 0)
      : props.diff.deletions,
  )
  const total = createMemo(() => (additions() ?? 0) + (deletions() ?? 0))
  return (
    <Show when={total() > 0}>
      <div data-component="diff-changes">
        <span data-slot="additions">{`+${additions()}`}</span>
        <span data-slot="deletions">{`-${deletions()}`}</span>
      </div>
    </Show>
  )
}