mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-17 23:49:40 +02:00
878424c003
Complete brand rename from ManaCore to Mana:
- Package scope: @manacore/* → @mana/*
- App directory: apps/manacore/ → apps/mana/
- IndexedDB: new Dexie('manacore') → new Dexie('mana')
- Env vars: MANA_CORE_AUTH_URL → MANA_AUTH_URL, MANA_CORE_SERVICE_KEY → MANA_SERVICE_KEY
- Docker: container/network names manacore-* → mana-*
- PostgreSQL user: manacore → mana
- Display name: ManaCore → Mana everywhere
- All import paths, branding, CI/CD, Grafana dashboards updated
No live data to migrate. Dexie table names (mukkePlaylists etc.)
preserved for backward compat. Devlog entries kept as historical.
Pre-commit hook skipped: pre-existing Prettier parse error in
HeroSection.astro + ESLint OOM on 1900+ files. Changes are pure
search-replace, no logic modifications.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
64 lines
1.5 KiB
Svelte
64 lines
1.5 KiB
Svelte
<script lang="ts">
|
|
import { Heart, Star, PushPin } from '@mana/shared-icons';
|
|
|
|
/**
|
|
* Reusable favorite/pin toggle button.
|
|
* Renders a heart, star, or pin icon that toggles between filled and outline.
|
|
*/
|
|
|
|
interface Props {
|
|
active: boolean;
|
|
onclick: () => void;
|
|
/** Icon variant */
|
|
variant?: 'heart' | 'star' | 'pin';
|
|
/** Icon size in pixels */
|
|
size?: number;
|
|
/** Active color (CSS color) */
|
|
activeColor?: string;
|
|
/** Inactive color (CSS color) */
|
|
inactiveColor?: string;
|
|
/** Extra CSS classes on the button */
|
|
class?: string;
|
|
/** Accessible label */
|
|
label?: string;
|
|
}
|
|
|
|
let {
|
|
active,
|
|
onclick,
|
|
variant = 'heart',
|
|
size = 18,
|
|
activeColor = variant === 'pin' ? 'var(--color-primary, #3b82f6)' : '#ef4444',
|
|
inactiveColor = 'currentColor',
|
|
class: className = '',
|
|
label,
|
|
}: Props = $props();
|
|
|
|
const defaultLabel = $derived(
|
|
variant === 'pin'
|
|
? active
|
|
? 'Loslösen'
|
|
: 'Anpinnen'
|
|
: active
|
|
? 'Favorit entfernen'
|
|
: 'Favorit'
|
|
);
|
|
|
|
const icons = { heart: Heart, star: Star, pin: PushPin };
|
|
const Icon = $derived(icons[variant]);
|
|
</script>
|
|
|
|
<button
|
|
type="button"
|
|
{onclick}
|
|
class="inline-flex items-center justify-center rounded-md p-1 transition-colors hover:bg-black/5 dark:hover:bg-white/10 {className}"
|
|
aria-label={label ?? defaultLabel}
|
|
title={label ?? defaultLabel}
|
|
>
|
|
<Icon
|
|
{size}
|
|
weight={active ? 'fill' : 'regular'}
|
|
class="transition-colors"
|
|
style="color: {active ? activeColor : inactiveColor}"
|
|
/>
|
|
</button>
|