toolbar logic

This commit is contained in:
Jan Prochazka
2021-02-26 19:34:29 +01:00
parent 3efaac7d1f
commit 4f1eb4003a

View File

@@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import { update } from 'lodash'; import { update } from 'lodash';
import FontIcon from '../icons/FontIcon.svelte'; import FontIcon from '../icons/FontIcon.svelte';
import { selectedWidget, visibleCommandPalette } from '../stores'; import { selectedWidget, visibleCommandPalette, visibleToolbar } from '../stores';
const widgets = [ const widgets = [
{ {
@@ -49,9 +49,11 @@
//const handleChangeWidget= e => (selectedWidget.set(item.name)) //const handleChangeWidget= e => (selectedWidget.set(item.name))
</script> </script>
<div class="wrapper mb-3" on:click={() => ($visibleCommandPalette = true)}> {#if !$visibleToolbar}
<FontIcon icon="icon menu" /> <div class="wrapper mb-3" on:click={() => ($visibleCommandPalette = true)}>
</div> <FontIcon icon="icon menu" />
</div>
{/if}
{#each widgets as item} {#each widgets as item}
<div class="wrapper" class:selected={item.name == $selectedWidget} on:click={() => handleChangeWidget(item.name)}> <div class="wrapper" class:selected={item.name == $selectedWidget} on:click={() => handleChangeWidget(item.name)}>
<FontIcon icon={item.icon} /> <FontIcon icon={item.icon} />