managarten/picture/apps/mobile/components/EmptyState.tsx
Till-JS c712a2504a feat: integrate uload and picture, unify package naming
- Add uload project with apps/web structure
  - Reorganize from flat to monorepo structure
  - Remove PocketBase binary and local data
  - Update to pnpm and @uload/web namespace

- Add picture project to monorepo
  - Remove embedded git repository

- Unify all package names to @{project}/{app} schema:
  - @maerchenzauber/* (was @storyteller/*)
  - @manacore/* (was manacore-*, manacore)
  - @manadeck/* (was web, backend, manadeck)
  - @memoro/* (was memoro-web, landing, memoro)
  - @picture/* (already unified)
  - @uload/web

- Add convenient dev scripts for all apps:
  - pnpm dev:{project}:web
  - pnpm dev:{project}:landing
  - pnpm dev:{project}:mobile
  - pnpm dev:{project}:backend

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

Co-Authored-By: Claude <noreply@anthropic.com>
2025-11-25 04:00:36 +01:00

33 lines
711 B
TypeScript

import { View } from 'react-native';
import { Text } from '~/components/Text';
type EmptyStateProps = {
icon: string;
title: string;
description: string;
padding?: number;
};
export function EmptyState({
icon,
title,
description,
padding = 32
}: EmptyStateProps) {
return (
<View style={{
flex: 1,
justifyContent: 'center',
alignItems: 'center',
padding,
}}>
<Text style={{ fontSize: 60, marginBottom: 16 }}>{icon}</Text>
<Text variant="h3" color="primary" align="center" style={{ marginBottom: 8 }}>
{title}
</Text>
<Text variant="body" color="secondary" align="center">
{description}
</Text>
</View>
);
}