Made action visibility react based on the number of loaded actions

This commit is contained in:
Dean 2022-07-13 09:09:00 +01:00
parent e26f7bcd28
commit f3b4856101
1 changed files with 13 additions and 7 deletions

View File

@ -22,7 +22,7 @@
export let actions export let actions
export let bindings = [] export let bindings = []
let showAvailableActions = false $: showAvailableActions = !actions?.length
let actionQuery let actionQuery
$: parsedQuery = $: parsedQuery =
@ -114,12 +114,18 @@
<DrawerContent> <DrawerContent>
<Layout noPadding gap="S" slot="sidebar"> <Layout noPadding gap="S" slot="sidebar">
{#if showAvailableActions} {#if showAvailableActions || !actions?.length}
<div> {#if actions?.length > 0}
<ActionButton secondary icon={"ArrowLeft"} on:click={toggleActionList}> <div>
Back <ActionButton
</ActionButton> secondary
</div> icon={"ArrowLeft"}
on:click={toggleActionList}
>
Back
</ActionButton>
</div>
{/if}
<Search placeholder="Search" bind:value={actionQuery} /> <Search placeholder="Search" bind:value={actionQuery} />
{#each Object.entries(mappedActionTypes) as [categoryId, category]} {#each Object.entries(mappedActionTypes) as [categoryId, category]}
<div class="heading">{categoryId}</div> <div class="heading">{categoryId}</div>