managarten/packages/feedback/src/FeedbackList.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

58 lines
1.1 KiB
Svelte

<script lang="ts">
import type { Feedback } from './feedback';
import FeedbackCard from './FeedbackCard.svelte';
interface Props {
items: Feedback[];
currentUserId?: string;
onVote: (feedbackId: string, hasVoted: boolean) => void;
votingDisabled?: boolean;
emptyMessage?: string;
}
let {
items,
currentUserId,
onVote,
votingDisabled = false,
emptyMessage = 'Noch kein Feedback vorhanden',
}: Props = $props();
</script>
<div class="feedback-list">
{#if items.length === 0}
<div class="feedback-list__empty">
<p>{emptyMessage}</p>
</div>
{:else}
{#each items as feedback (feedback.id)}
<FeedbackCard
{feedback}
{onVote}
{votingDisabled}
isOwner={currentUserId === feedback.userId}
/>
{/each}
{/if}
</div>
<style>
.feedback-list {
display: flex;
flex-direction: column;
gap: 1rem;
}
.feedback-list__empty {
padding: 2rem;
text-align: center;
border-radius: 0.75rem;
background: hsl(var(--color-surface, 0 0% 100%) / 0.5);
border: 1px dashed hsl(var(--color-border, 0 0% 90%));
}
.feedback-list__empty p {
margin: 0;
color: hsl(var(--color-muted-foreground, 0 0% 40%));
}
</style>