diff options
| author | Adam <[email protected]> | 2025-09-25 07:04:36 -0500 |
|---|---|---|
| committer | Adam <[email protected]> | 2025-09-25 14:41:31 -0500 |
| commit | b207ed2b7b4080c3c6e0b2bc8430abcb4a894cad (patch) | |
| tree | 66a61ab8331c0eafd0435378d324ade8f38f191f /packages/app/src/pages | |
| parent | 945de4eddc249a6645b974525eed9f6795eac3aa (diff) | |
| download | opencode-b207ed2b7b4080c3c6e0b2bc8430abcb4a894cad.tar.gz opencode-b207ed2b7b4080c3c6e0b2bc8430abcb4a894cad.zip | |
wip: better desktop file status state and timeline
Diffstat (limited to 'packages/app/src/pages')
| -rw-r--r-- | packages/app/src/pages/index.tsx | 17 |
1 files changed, 7 insertions, 10 deletions
diff --git a/packages/app/src/pages/index.tsx b/packages/app/src/pages/index.tsx index 6890522e8..08c2a4a39 100644 --- a/packages/app/src/pages/index.tsx +++ b/packages/app/src/pages/index.tsx @@ -241,7 +241,7 @@ export default function Page() { return ( <div class="relative"> <div - class="fixed top-0 left-0 h-full border-r border-border-subtle/30 flex flex-col overflow-hidden" + class="fixed top-0 left-0 h-full border-r border-border-subtle/30 flex flex-col overflow-hidden bg-background z-10" style={`width: ${local.layout.leftWidth()}px`} > <Tabs class="relative flex flex-col h-full" defaultValue="files"> @@ -261,7 +261,7 @@ export default function Page() { <Tabs.Content value="changes" class="grow min-h-0 py-2 bg-background"> <Show when={local.file.changes().length} - fallback={<div class="px-2 text-xs text-text-muted">No changes yet</div>} + fallback={<div class="px-2 text-xs text-text-muted">No changes</div>} > <ul class=""> <For each={local.file.changes()}> @@ -299,7 +299,7 @@ export default function Page() { </div> <Show when={local.layout.rightPane()}> <div - class="fixed top-0 right-0 h-full border-l border-border-subtle/30 flex flex-col overflow-hidden" + class="fixed top-0 right-0 h-full border-l border-border-subtle/30 flex flex-col overflow-hidden bg-background z-10" style={`width: ${local.layout.rightWidth()}px`} > <div class="relative flex-1 min-h-0 overflow-y-auto overflow-x-hidden"> @@ -609,24 +609,21 @@ export default function Page() { } const TabVisual = (props: { file: LocalFile }) => { - const local = useLocal() return ( <div class="flex items-center gap-x-1.5"> <FileIcon node={props.file} class="" /> - <span - classList={{ "text-xs": true, "text-primary": local.file.changed(props.file.path), italic: !props.file.pinned }} - > + <span classList={{ "text-xs": true, "text-primary": !!props.file.status?.status, italic: !props.file.pinned }}> {props.file.name} </span> <span class="text-xs opacity-70"> <Switch> - <Match when={local.file.status(props.file.path)?.status === "modified"}> + <Match when={props.file.status?.status === "modified"}> <span class="text-primary">M</span> </Match> - <Match when={local.file.status(props.file.path)?.status === "added"}> + <Match when={props.file.status?.status === "added"}> <span class="text-success">A</span> </Match> - <Match when={local.file.status(props.file.path)?.status === "deleted"}> + <Match when={props.file.status?.status === "deleted"}> <span class="text-error">D</span> </Match> </Switch> |