mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-18 18:21:22 +02:00
bb0e0cf5cb
Restructure the context app (formerly basetext) to follow the monorepo pattern with proper workspace configuration. Changes: - Move app files to apps/context/apps/mobile/ - Rename package to @context/mobile - Update bundle ID to com.manacore.context - Create pnpm-workspace.yaml for project workspace - Add dev scripts to root package.json - Update CLAUDE.md with project documentation The app structure is prepared for future web/backend additions. Note: Existing TypeScript errors in the original codebase are preserved. These should be fixed in a follow-up PR. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
58 lines
1.3 KiB
TypeScript
58 lines
1.3 KiB
TypeScript
import React from 'react';
|
|
import { View, useWindowDimensions, Dimensions } from 'react-native';
|
|
import { useTheme } from '~/utils/theme/theme';
|
|
import { Skeleton } from '~/components/ui/Skeleton';
|
|
|
|
interface DocumentSkeletonProps {
|
|
isPreview?: boolean;
|
|
}
|
|
|
|
/**
|
|
* Skeleton-Komponente für die Dokumentansicht während des Ladens - maximal vereinfacht
|
|
*/
|
|
export const DocumentSkeleton: React.FC<DocumentSkeletonProps> = ({ isPreview = true }) => {
|
|
const { isDark } = useTheme();
|
|
const { width } = useWindowDimensions();
|
|
const isDesktop = width > 1024;
|
|
|
|
return (
|
|
<View
|
|
style={{
|
|
flex: 1,
|
|
width: '100%',
|
|
backgroundColor: isDark ? '#111827' : '#f9fafb',
|
|
}}
|
|
>
|
|
{/* Header - minimal */}
|
|
<View
|
|
style={{
|
|
width: '100%',
|
|
height: 50,
|
|
borderBottomWidth: 1,
|
|
borderBottomColor: isDark ? '#374151' : '#e5e7eb',
|
|
}}
|
|
/>
|
|
|
|
{/* Hauptinhalt */}
|
|
<View
|
|
style={{
|
|
flex: 1,
|
|
marginHorizontal: 'auto',
|
|
maxWidth: isDesktop ? 800 : '100%',
|
|
width: '100%',
|
|
}}
|
|
>
|
|
<View
|
|
style={{
|
|
flex: 1,
|
|
backgroundColor: isDark ? '#1f2937' : '#ffffff',
|
|
borderWidth: 1,
|
|
borderColor: isDark ? '#374151' : '#e5e7eb',
|
|
borderRadius: 0,
|
|
marginTop: 16,
|
|
}}
|
|
/>
|
|
</View>
|
|
</View>
|
|
);
|
|
};
|