till/managarten
1
0
Fork 0
mirror of https://github.com/Memo-2023/mana-monorepo.git synced 2026-05-23 13:46:41 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

refactor(packages): consolidate 3 feedback packages into @manacore/feedback

Browse source 
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>
This commit is contained in:
Till JS 2026-03-28 16:27:11 +01:00
parent bf4d9cb9aa
commit 1aeb987cb6
78 changed files with 617 additions and 317 deletions
Download patch file Download diff file Expand all files Collapse all files

91
packages/shared-feedback-ui/src/VoteButton.svelte
View file

@ -1,91 +0,0 @@
<script lang="ts">
interface Props {
count: number;
hasVoted: boolean;
onToggle: () => void;
disabled?: boolean;
}
let { count, hasVoted, onToggle, disabled = false }: Props = $props();
let isAnimating = $state(false);
function handleClick() {
if (disabled) return;
isAnimating = true;
onToggle();
setTimeout(() => {
isAnimating = false;
}, 300);
}
</script>
<button
class="vote-button"
class:vote-button--voted={hasVoted}
class:vote-button--animating={isAnimating}
onclick={handleClick}
{disabled}
type="button"
aria-label={hasVoted ? 'Stimme entfernen' : 'Abstimmen'}
>
<svg
class="vote-button__icon"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M18 15l-6-6-6 6" />
</svg>
<span class="vote-button__count">{count}</span>
</button>
<style>
.vote-button {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.25rem;
padding: 0.5rem;
border: 1px solid hsl(var(--color-border, 0 0% 90%));
border-radius: 0.5rem;
background: transparent;
cursor: pointer;
transition: all 0.2s ease;
color: hsl(var(--color-muted-foreground, 0 0% 40%));
min-width: 3rem;
}
.vote-button:hover:not(:disabled) {
border-color: hsl(var(--color-primary, 47 95% 58%));
color: hsl(var(--color-primary, 47 95% 58%));
}
.vote-button:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.vote-button--voted {
background: hsl(var(--color-primary, 47 95% 58%) / 0.1);
border-color: hsl(var(--color-primary, 47 95% 58%));
color: hsl(var(--color-primary, 47 95% 58%));
}
.vote-button--animating {
transform: scale(1.1);
}
.vote-button__icon {
width: 1.25rem;
height: 1.25rem;
}
.vote-button__count {
font-size: 0.875rem;
font-weight: 600;
}
</style>