Yaltopia-Tickets-App/App.tsx
“kirukib” 4efcacaeba feat: add suggested screens with orange/black theme and mock data
- Add Expo Router with bottom tabs (Home, Scan, Proforma, Payments, Profile)
- Home: earnings summary, quick actions, invoice list with Waiting/Paid filters
- Scan: placeholder for camera flow, recent scans list
- Proforma: list of proforma requests with send-to-contacts CTA
- Payments: pending match and reconciled list
- Profile: account info, about, logout
- Apply Yaltopia theme: primary orange (#ea580c), dark navbar/tabs (#2d2d2d)
- Add mock data (invoices, proforma, payments, user) in lib/mock-data.ts
- Root layout: GestureHandler, SafeArea, PortalHost; tab bar dark with orange active

Co-authored-by: Cursor <cursoragent@cursor.com>
2026-02-22 22:43:30 +03:00

30 lines
901 B
TypeScript

import './global.css';
import { StatusBar } from 'expo-status-bar';
import { View } from 'react-native';
import { PortalHost } from '@rn-primitives/portal';
import { Button } from '@/components/ui/button';
import { Text } from '@/components/ui/text';
import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card';
export default function App() {
return (
<View className="flex-1 items-center justify-center gap-6 bg-white p-6">
<Text className="text-xl font-bold text-gray-900">
Yaltopia Tickets App
</Text>
<Card className="w-full max-w-sm">
<CardHeader>
<CardTitle>Scan. Send. Reconcile.</CardTitle>
</CardHeader>
<CardContent>
<Button>
<Text>Get started</Text>
</Button>
</CardContent>
</Card>
<StatusBar style="auto" />
<PortalHost />
</View>
);
}