mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-16 16:59:41 +02:00
819e4c9a2f
- Add shared-feedback-types package with TypeScript types - Add shared-feedback-service package with factory function - Add shared-feedback-ui package with Svelte 5 components - Add feedback module to mana-core-auth backend - Add AI service using Gemini 2.0 Flash for title/category generation - Add database schema and migration for feedback tables - Integrate feedback page into Chat web app - Add CORS support for X-App-Id header - Add COMMANDS.md documentation for all dev commands 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
31 lines
730 B
Svelte
31 lines
730 B
Svelte
<script lang="ts">
|
|
import type { FeedbackStatus } from '@manacore/shared-feedback-types';
|
|
import { FEEDBACK_STATUS_CONFIG } from '@manacore/shared-feedback-types';
|
|
|
|
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>
|