platform/plugins/chunter-resources/src/components/CommentsPresenter.svelte
Ruslan Izhitsky 80a1d0c7ca
Chunter: Channel attributes (#1334)
Signed-off-by: Ruslan Izhitsky <ruslan.izhitskiy@xored.com>
2022-04-12 11:59:38 +06:00

37 lines
1.3 KiB
Svelte

<!--
// Copyright © 2020, 2021 Anticrm Platform Contributors.
// Copyright © 2021 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 type { Doc } from '@anticrm/core'
import { Tooltip, IconThread } from '@anticrm/ui'
import CommentPopup from './CommentPopup.svelte'
import chunter from '@anticrm/chunter'
export let value: Doc & { comments?: number }
export let size: 'small' | 'medium' | 'large' = 'small'
export let showCounter = true
</script>
{#if value && value.comments && value.comments > 0}
<Tooltip label={chunter.string.Comments} component={CommentPopup} props={{ objectId: value._id }}>
<div class="sm-tool-icon ml-1 mr-1">
<span class="icon"><IconThread {size} /></span>
{#if showCounter}
&nbsp;{value.comments}
{/if}
</div>
</Tooltip>
{/if}