diff options
| author | Jay V <[email protected]> | 2025-06-06 12:17:59 -0400 |
|---|---|---|
| committer | Jay V <[email protected]> | 2025-06-06 12:18:02 -0400 |
| commit | b32cb2b9326eb4a1c441507e2c8bf21ca475f5cc (patch) | |
| tree | a264e947347dcb1519e9b3c78fac87cf1ee3819c /packages/web/src | |
| parent | 265f427d2a11542e5e2df7fb50534608a32260bd (diff) | |
| download | opencode-b32cb2b9326eb4a1c441507e2c8bf21ca475f5cc.tar.gz opencode-b32cb2b9326eb4a1c441507e2c8bf21ca475f5cc.zip | |
share page styles
Diffstat (limited to 'packages/web/src')
| -rw-r--r-- | packages/web/src/components/Share.tsx | 20 |
1 files changed, 12 insertions, 8 deletions
diff --git a/packages/web/src/components/Share.tsx b/packages/web/src/components/Share.tsx index aac487739..6eb5003fb 100644 --- a/packages/web/src/components/Share.tsx +++ b/packages/web/src/components/Share.tsx @@ -18,6 +18,7 @@ import { IconCpuChip, IconSparkles, IconGlobeAlt, + IconDocument, IconQueueList, IconUserCircle, IconChevronDown, @@ -28,7 +29,6 @@ import { IconRectangleStack, IconMagnifyingGlass, IconWrenchScrewdriver, - IconDocumentArrowDown, IconDocumentMagnifyingGlass, } from "./icons" import DiffView from "./DiffView" @@ -1080,7 +1080,7 @@ export default function Share(props: { api: string }) { <div data-section="part" data-part-type="tool-read"> <div data-section="decoration"> <div title="Read file"> - <IconDocumentArrowDown width={18} height={18} /> + <IconDocument width={18} height={18} /> </div> <div></div> </div> @@ -1372,8 +1372,10 @@ export default function Share(props: { api: string }) { const todos = createMemo(() => sortTodosByStatus( part().toolInvocation.args.todos )) + const starting = todos().every(t => t.status === "pending") const finished = todos().every(t => t.status === "completed") + const duration = createMemo(() => DateTime.fromMillis(metadata()?.time.end || 0).diff( DateTime.fromMillis(metadata()?.time.start || 0), @@ -1394,12 +1396,14 @@ export default function Share(props: { api: string }) { <div data-section="content"> <div data-part-tool-body> <span data-part-title data-size="sm"> - <Show - when={finished} - fallback="Planning…" - > - Completing… - </Show> + <Switch fallback="Updating the plan"> + <Match when={starting}> + Creating a plan + </Match> + <Match when={finished}> + Completing the plan + </Match> + </Switch> </span> <Show when={todos().length > 0}> <ul class={styles.todos}> |