platform/packages/ui/src/components/Status.svelte
Andrey Sobolev f4a86e1b1c
Upgrade Typescript to 5.2.0 (#3810)
Signed-off-by: Andrey Sobolev <haiodo@gmail.com>
2023-10-08 03:14:00 +07:00

34 lines
824 B
Svelte

<script lang="ts">
import type { Status } from '@hcengineering/platform'
import { Severity } from '@hcengineering/platform'
import Info from './icons/Info.svelte'
import Label from './Label.svelte'
export let status: Status
export let overflow: boolean = true
</script>
<div class="flex-center container {status.severity}" class:overflow-label={overflow}>
{#if status.severity !== Severity.OK}
<Info size={'small'} />
<span class="text-sm ml-2" class:overflow-label={overflow}>
<Label label={status.code} params={status.params} />
</span>
{/if}
</div>
<style lang="scss">
.container {
user-select: none;
font-size: 14px;
color: var(--theme-content-color);
&.WARNING {
color: yellow;
}
&.ERROR {
color: var(--system-error-color);
}
}
</style>