hide installed button if nothing is installed

This commit is contained in:
neil molina 2023-04-23 12:20:36 +08:00
parent 99cd1ce2db
commit b95dd47075

View file

@ -10,6 +10,12 @@
export let activeOption: SideMenuOptions;
$: needsUpdateCount = $packageList.filter((p) => p.state === PackageStates.NEEDS_UPDATE).length;
$: hasInstalled = $packageList.some((p) => [
PackageStates.INSTALLED,
PackageStates.NEEDS_UPDATE,
PackageStates.UPDATING,
PackageStates.INSTALLING,
].includes(p.state));
</script>
<aside class="border-gray border border-t-0 border-b-0 border-l-0 p-2">
@ -28,13 +34,15 @@
on:click={() => goto(`/?tab=${SideMenuOptions.all}`)}
/>
<hr />
<MenuButton
label="installed"
icon="tea-checkmark"
active={activeOption === SideMenuOptions.installed}
on:click={() => goto(`/?tab=${SideMenuOptions.installed}`)}
/>
<hr />
{#if hasInstalled}
<MenuButton
label="installed"
icon="tea-checkmark"
active={activeOption === SideMenuOptions.installed}
on:click={() => goto(`/?tab=${SideMenuOptions.installed}`)}
/>
<hr />
{/if}
{#if needsUpdateCount}
<MenuButton
label={$t("tags.installed_updates_available").toLowerCase()}