managarten/packages/feedback/src/StatusBadge.svelte
Till JS 1aeb987cb6 refactor(packages): consolidate 3 feedback packages into @manacore/feedback
Merged shared-feedback-types + shared-feedback-service + shared-feedback-ui
into a single @manacore/feedback package. Updated imports in all 21 apps.

Before: 3 packages (types, service, ui) with cross-dependencies
After:  1 package with direct imports, no circular refs

Note: ESLint warnings from pre-existing unused vars in chat/mukke
servers are unrelated to this change.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-03-28 16:27:11 +01:00

31 lines
688 B
Svelte

<script lang="ts">
import type { FeedbackStatus } from './feedback';
import { FEEDBACK_STATUS_CONFIG } from './feedback';
interface Props {
status: FeedbackStatus;
}
let { status }: Props = $props();
const config = $derived(FEEDBACK_STATUS_CONFIG[status]);
</script>
<span class="status-badge" style="--badge-color: {config.color};">
{config.label}
</span>
<style>
.status-badge {
display: inline-flex;
align-items: center;
gap: 0.25rem;
padding: 0.25rem 0.5rem;
border-radius: 9999px;
font-size: 0.75rem;
font-weight: 500;
background: color-mix(in srgb, var(--badge-color) 15%, transparent);
color: var(--badge-color);
white-space: nowrap;
}
</style>