2022-04-23 01:06:04 +03:00
|
|
|
<script>
|
2022-04-28 18:48:44 +03:00
|
|
|
import { HashIcon, MenuIcon } from "svelte-feather-icons";
|
|
|
|
import { overlayStore, showSidebar } from "../stores";
|
2022-04-23 01:06:04 +03:00
|
|
|
|
|
|
|
export let channel;
|
|
|
|
</script>
|
|
|
|
|
2022-04-27 05:03:47 +03:00
|
|
|
<style>
|
|
|
|
.menu-button {
|
|
|
|
margin-right: var(--space-md);
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
|
2022-04-23 01:06:04 +03:00
|
|
|
<div class="top-bar">
|
2022-04-27 05:03:47 +03:00
|
|
|
{#if !$showSidebar}
|
2022-04-27 17:03:35 +03:00
|
|
|
<button class="icon-button menu-button" on:click="{ () => showSidebar.set(true) }">
|
2022-04-27 05:03:47 +03:00
|
|
|
<MenuIcon />
|
|
|
|
</button>
|
|
|
|
{/if}
|
2022-04-23 01:06:04 +03:00
|
|
|
<HashIcon />
|
2022-04-27 05:03:47 +03:00
|
|
|
<span class="h5 top-bar-heading" on:click="{ () => overlayStore.open('editChannel', {channel}) }">{ channel.name }</span>
|
2022-04-23 01:06:04 +03:00
|
|
|
</div>
|