ceos/opencode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: toolbar context reactivity

Browse source
This commit is contained in:
Aaron Iker 2026-01-08 03:13:06 +01:00
commit 295d9d16fc
1 changed files with 15 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

21
packages/app/src/pages/directory-layout.tsx
View file

@ -1,4 +1,4 @@
import { createMemo, Show, type ParentProps } from "solid-js"
import { createMemo, createSignal, onMount, Show, type ParentProps } from "solid-js"
import { Portal } from "solid-js/web"
import { useNavigate, useParams } from "@solidjs/router"
import { SDKProvider, useSDK } from "@/context/sdk"
@ -34,14 +34,23 @@ export default function Layout(props: ParentProps) {
navigate(`/${params.dir}/session/${sessionID}`)
}
const portalMount = document.getElementById(TOOLBAR_PORTAL_ID)
const [portalMount, setPortalMount] = createSignal<HTMLElement | null>(null)
onMount(() => {
setPortalMount(document.getElementById(TOOLBAR_PORTAL_ID))
})
const toolbarKey = createMemo(() => params.id ?? "new")
return (
<>
<Show when={portalMount}>
<Portal mount={portalMount!}>
<ToolbarSession />
</Portal>
<Show when={portalMount()}>
{(mount) => (
<Portal mount={mount()}>
<Show when={toolbarKey()} keyed>
<ToolbarSession />
</Show>
</Portal>
)}
</Show>
<DataProvider
data={sync.data}