diff options
| author | Adam <[email protected]> | 2025-12-09 14:19:51 -0600 |
|---|---|---|
| committer | Adam <[email protected]> | 2025-12-09 15:21:45 -0600 |
| commit | f736751ab275f52701d40ca0488b75081ed851ec (patch) | |
| tree | 18ed29268acf5719c0d7509e771e6fc731e105d6 /packages/desktop/src/pages | |
| parent | dbcc779f0badcd8beeef56c3ea9d4d64abba5e45 (diff) | |
| download | opencode-f736751ab275f52701d40ca0488b75081ed851ec.tar.gz opencode-f736751ab275f52701d40ca0488b75081ed851ec.zip | |
wip(desktop): progress
Diffstat (limited to 'packages/desktop/src/pages')
| -rw-r--r-- | packages/desktop/src/pages/home.tsx | 15 | ||||
| -rw-r--r-- | packages/desktop/src/pages/session.tsx | 22 |
2 files changed, 24 insertions, 13 deletions
diff --git a/packages/desktop/src/pages/home.tsx b/packages/desktop/src/pages/home.tsx index 517926613..a4491f813 100644 --- a/packages/desktop/src/pages/home.tsx +++ b/packages/desktop/src/pages/home.tsx @@ -7,6 +7,7 @@ import { useNavigate } from "@solidjs/router" import { base64Encode } from "@opencode-ai/util/encode" import { Icon } from "@opencode-ai/ui/icon" import { usePlatform } from "@/context/platform" +import { DateTime } from "luxon" export default function Home() { const sync = useGlobalSync() @@ -47,8 +48,12 @@ export default function Home() { </Button> </Show> </div> - <ol class="flex flex-col gap-2"> - <For each={sync.data.projects.slice(0, 5)}> + <ul class="flex flex-col gap-2"> + <For + each={sync.data.projects + .sort((a, b) => (b.time.updated ?? b.time.created) - (a.time.updated ?? a.time.created)) + .slice(0, 5)} + > {(project) => ( <Button size="large" @@ -57,11 +62,13 @@ export default function Home() { onClick={() => openProject(project.worktree)} > {project.worktree} - <div class="text-14-regular text-text-weak">10m ago</div> + <div class="text-14-regular text-text-weak"> + {DateTime.fromMillis(project.time.updated ?? project.time.created).toRelative()} + </div> </Button> )} </For> - </ol> + </ul> </div> </Match> <Match when={true}> diff --git a/packages/desktop/src/pages/session.tsx b/packages/desktop/src/pages/session.tsx index 68a2418f4..08e5f4f01 100644 --- a/packages/desktop/src/pages/session.tsx +++ b/packages/desktop/src/pages/session.tsx @@ -401,15 +401,19 @@ export default function Page() { <span class="text-text-strong">{getFilename(sync.data.path.directory)}</span> </div> </div> - <div class="flex justify-center items-center gap-3"> - <Icon name="pencil-line" size="small" /> - <div class="text-12-medium text-text-weak"> - Last modified - <span class="text-text-strong"> - {DateTime.fromMillis(sync.data.project.time.created).toRelative()} - </span> - </div> - </div> + <Show when={sync.project}> + {(project) => ( + <div class="flex justify-center items-center gap-3"> + <Icon name="pencil-line" size="small" /> + <div class="text-12-medium text-text-weak"> + Last modified + <span class="text-text-strong"> + {DateTime.fromMillis(project().time.updated ?? project().time.created).toRelative()} + </span> + </div> + </div> + )} + </Show> </div> </Match> </Switch> |