feat(manacore): add Mana subscription page to navigation

- Improve /mana page with German labels and styling
- Add Mana to nav with fire icon (between Dashboard and Credits)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Till-JS 2025-11-30 00:37:16 +01:00
parent 2d17b720f8
commit b970473a25
2 changed files with 30 additions and 8 deletions

View file

@ -53,6 +53,7 @@
// Navigation items for ManaCore
const navItems: PillNavItem[] = [
{ href: '/dashboard', label: 'Dashboard', icon: 'home' },
{ href: '/mana', label: 'Mana', icon: 'fire' },
{ href: '/credits', label: 'Credits', icon: 'creditCard' },
{ href: '/feedback', label: 'Feedback', icon: 'chat' },
{ href: '/profile', label: 'Profil', icon: 'user' },

View file

@ -2,17 +2,38 @@
import { SubscriptionPage } from '@manacore/shared-subscription-ui';
function handleSubscribe(planId: string) {
alert(`Subscribe to plan: ${planId}\n\nThis would trigger RevenueCat purchase flow.`);
console.log('Subscribe to plan:', planId);
alert(`Abo "${planId}" ausgewählt. Bezahlsystem wird noch integriert.`);
}
function handleBuyPackage(packageId: string) {
alert(`Buy package: ${packageId}\n\nThis would trigger RevenueCat purchase flow.`);
console.log('Buy package:', packageId);
alert(`Paket "${packageId}" ausgewählt. Bezahlsystem wird noch integriert.`);
}
</script>
<SubscriptionPage
appName="ManaCore"
onSubscribe={handleSubscribe}
onBuyPackage={handleBuyPackage}
currentPlanId="free"
/>
<svelte:head>
<title>Mana - ManaCore</title>
</svelte:head>
<div class="mana-page">
<SubscriptionPage
appName="ManaCore"
onSubscribe={handleSubscribe}
onBuyPackage={handleBuyPackage}
currentPlanId="free"
pageTitle="Wähle dein Abo"
subscriptionsTitle="Abonnements"
packagesTitle="Einmal-Pakete"
yearlyDiscount="2 Monate gratis"
/>
</div>
<style>
.mana-page {
min-height: 100%;
width: 100%;
overflow-x: hidden;
background-color: hsl(var(--background));
}
</style>