mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-14 19:01:08 +02:00
7a56699d45
Combines LightWrite (beat/lyrics editor) and Mukke (iOS music player) into a single web-based music workspace app. Archives the old Mukke mobile app. - Rename: @lightwrite/* → @mukke/*, all branding, configs, Dockerfiles - New DB schemas: songs, playlists, playlist_songs + songId FK on projects - New backend modules: SongModule, PlaylistModule, LibraryModule - New web: app shell with sidebar, library (songs/albums/artists/genres), web player (queue/shuffle/repeat/MediaSession), playlists, search, upload, dashboard, album/artist/genre detail pages - Auth: add forgot-password + reset-password pages, extend auth store - Tests: 40 backend unit tests (song, playlist, library services) - Config: env generation, MinIO bucket, docker-compose prod, cloudflare - Docs: update CLAUDE.md, auth guidelines with SvelteKit checklist Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
43 lines
921 B
TypeScript
43 lines
921 B
TypeScript
import { Ionicons } from '@expo/vector-icons';
|
|
import { View, Text } from 'react-native';
|
|
|
|
import { useTheme } from '~/utils/themeContext';
|
|
|
|
interface EmptyStateProps {
|
|
icon?: keyof typeof Ionicons.glyphMap;
|
|
title: string;
|
|
message?: string;
|
|
}
|
|
|
|
export function EmptyState({ icon = 'musical-notes-outline', title, message }: EmptyStateProps) {
|
|
const { colors } = useTheme();
|
|
|
|
return (
|
|
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center', padding: 40 }}>
|
|
<Ionicons name={icon} size={64} color={colors.textTertiary} />
|
|
<Text
|
|
style={{
|
|
fontSize: 20,
|
|
fontWeight: '600',
|
|
color: colors.text,
|
|
marginTop: 16,
|
|
textAlign: 'center',
|
|
}}
|
|
>
|
|
{title}
|
|
</Text>
|
|
{message && (
|
|
<Text
|
|
style={{
|
|
fontSize: 15,
|
|
color: colors.textSecondary,
|
|
marginTop: 8,
|
|
textAlign: 'center',
|
|
}}
|
|
>
|
|
{message}
|
|
</Text>
|
|
)}
|
|
</View>
|
|
);
|
|
}
|