Omar SobhandClaude Opus 4.8
e0b6200091
Restructure the app into an Expo Router (tabs) group with a bottom navbar: - 🎒 Cards (bag-personal) = the gallery (moved from app/index.tsx). - 💰 Collectibles (sack) + 🤖 Agents (robot) = new empty-state screens. - ⚙️ Settings (cog) = demo settings (app info + Clear all cards). Root stack hides the (tabs) header; removed the Phase-1 (tabs)/cards.tsx and pointed the dormant (auth)/login redirect at "/". localCardsStore gains clear(). Co-Authored-By: Claude Opus 4.8 (1M context) <[email protected]>
28 lines
1.1 KiB
TypeScript
28 lines
1.1 KiB
TypeScript
// Collectible cards — cards you've collected from people you meet (a deck you
|
|
// build up). No collectibles yet; this is the home for them.
|
|
import { MaterialCommunityIcons } from "@expo/vector-icons";
|
|
import { StyleSheet, Text, View } from "react-native";
|
|
import { useSafeAreaInsets } from "react-native-safe-area-context";
|
|
|
|
export default function Collectibles() {
|
|
const insets = useSafeAreaInsets();
|
|
return (
|
|
<View style={[styles.root, { paddingTop: insets.top }]}>
|
|
<View style={styles.center}>
|
|
<MaterialCommunityIcons name="sack" size={48} color="#3a3a44" />
|
|
<Text style={styles.title}>No collectibles yet</Text>
|
|
<Text style={styles.hint}>
|
|
Cards you collect from people you meet will live here — build your deck.
|
|
</Text>
|
|
</View>
|
|
</View>
|
|
);
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
root: { flex: 1, backgroundColor: "#0a0a0c" },
|
|
center: { flex: 1, alignItems: "center", justifyContent: "center", padding: 32, gap: 10 },
|
|
title: { color: "#f5f5f7", fontSize: 20, fontWeight: "700" },
|
|
hint: { color: "#6b6b70", fontSize: 14, textAlign: "center", lineHeight: 20 },
|
|
});
|