fix(app): add scroll to project selector dropdown (#39016)
Co-authored-by: Brendan Allan <git@brendonovich.dev>
This commit is contained in:
@@ -364,41 +364,43 @@ export function PromptProjectSelector(props: {
|
|||||||
</button>
|
</button>
|
||||||
</Show>
|
</Show>
|
||||||
</div>
|
</div>
|
||||||
<Show
|
<div class="max-h-[224px] overflow-y-auto">
|
||||||
when={props.controller.servers().length > 1}
|
<Show
|
||||||
fallback={
|
when={props.controller.servers().length > 1}
|
||||||
<DropdownMenu.RadioGroup value={selectedValue()}>
|
fallback={
|
||||||
<For each={props.controller.projects()}>
|
<DropdownMenu.RadioGroup value={selectedValue()}>
|
||||||
{(project) => (
|
<For each={props.controller.projects()}>
|
||||||
<ProjectItem project={project} controller={props.controller} onSelect={selectProject} />
|
{(project) => (
|
||||||
)}
|
<ProjectItem project={project} controller={props.controller} onSelect={selectProject} />
|
||||||
</For>
|
)}
|
||||||
</DropdownMenu.RadioGroup>
|
</For>
|
||||||
}
|
</DropdownMenu.RadioGroup>
|
||||||
>
|
}
|
||||||
<For
|
|
||||||
each={props.controller
|
|
||||||
.servers()
|
|
||||||
.filter((server) =>
|
|
||||||
props.controller.projects().some((project) => project.server?.key === server!.key),
|
|
||||||
)}
|
|
||||||
>
|
>
|
||||||
{(server) => (
|
<For
|
||||||
<div>
|
each={props.controller
|
||||||
<div class="flex h-7 select-none items-center pl-1.5 pr-3 text-[11px] font-[530] leading-none tracking-[0.05px] text-v2-text-text-faint">
|
.servers()
|
||||||
{server!.name}
|
.filter((server) =>
|
||||||
|
props.controller.projects().some((project) => project.server?.key === server!.key),
|
||||||
|
)}
|
||||||
|
>
|
||||||
|
{(server) => (
|
||||||
|
<div>
|
||||||
|
<div class="flex h-7 select-none items-center pl-1.5 pr-3 text-[11px] font-[530] leading-none tracking-[0.05px] text-v2-text-text-faint">
|
||||||
|
{server!.name}
|
||||||
|
</div>
|
||||||
|
<DropdownMenu.RadioGroup value={selectedValue()}>
|
||||||
|
<For each={props.controller.projects().filter((project) => project.server?.key === server!.key)}>
|
||||||
|
{(project) => (
|
||||||
|
<ProjectItem project={project} controller={props.controller} onSelect={selectProject} />
|
||||||
|
)}
|
||||||
|
</For>
|
||||||
|
</DropdownMenu.RadioGroup>
|
||||||
</div>
|
</div>
|
||||||
<DropdownMenu.RadioGroup value={selectedValue()}>
|
)}
|
||||||
<For each={props.controller.projects().filter((project) => project.server?.key === server!.key)}>
|
</For>
|
||||||
{(project) => (
|
</Show>
|
||||||
<ProjectItem project={project} controller={props.controller} onSelect={selectProject} />
|
</div>
|
||||||
)}
|
|
||||||
</For>
|
|
||||||
</DropdownMenu.RadioGroup>
|
|
||||||
</div>
|
|
||||||
)}
|
|
||||||
</For>
|
|
||||||
</Show>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="h-px bg-v2-border-border-muted" />
|
<div class="h-px bg-v2-border-border-muted" />
|
||||||
<div class="flex flex-col p-0.5">
|
<div class="flex flex-col p-0.5">
|
||||||
|
|||||||
Reference in New Issue
Block a user