platform/plugins/chunter-resources/src/components/ChannelHeader.svelte
Alexander Platov 67b7c9df24
New themes (#3049)
Signed-off-by: Alexander Platov <sas_lord@mail.ru>
Signed-off-by: Denis Bykhov <bykhov.denis@gmail.com>
Co-authored-by: Denis Bykhov <bykhov.denis@gmail.com>
2023-04-24 00:37:24 +07:00

51 lines
1.7 KiB
Svelte

<!--
// Copyright © 2022 Hardcore Engineering Inc.
//
// Licensed under the Eclipse Public License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License. You may
// obtain a copy of the License at https://www.eclipse.org/legal/epl-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
//
// See the License for the specific language governing permissions and
// limitations under the License.
-->
<script lang="ts">
import { Channel } from '@hcengineering/chunter'
import type { Ref } from '@hcengineering/core'
import { createQuery, getClient } from '@hcengineering/presentation'
import { showPanel } from '@hcengineering/ui'
import chunter from '../plugin'
import { classIcon } from '../utils'
import Header from './Header.svelte'
import Lock from './icons/Lock.svelte'
export let spaceId: Ref<Channel> | undefined
const client = getClient()
const query = createQuery()
let channel: Channel | undefined
$: query.query(chunter.class.Channel, { _id: spaceId }, (result) => {
channel = result[0]
})
async function onSpaceEdit (): Promise<void> {
if (channel === undefined) return
showPanel(chunter.component.EditChannel, channel._id, channel._class, 'content')
}
</script>
<div class="ac-header divide full caption-height">
{#if channel}
<Header
icon={channel.private ? Lock : classIcon(client, channel._class)}
label={channel.name}
description={channel.topic}
on:click={onSpaceEdit}
/>
{/if}
</div>