hank/BigBrainParking
1
0
Fork 0
Code Issues Pull requests Projects Releases 22 Packages Wiki Activity Actions

v0.1.2: theme Favorites screen (dark mode); versionCode 2
Some checks failed
build-apk / build (push) Failing after 1h1m11s
Details

Browse source 
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
Hank 2026-07-08 09:31:48 -07:00
parent 5d269bf2a3
commit 870da6f432
2 changed files with 14 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

22
app/src/screens/FavoritesScreen.tsx
View file

@ -3,6 +3,7 @@ import { FlatList, StyleSheet, Text, TouchableOpacity, View } from 'react-native
import { useFocusEffect, useNavigation } from '@react-navigation/native';
import type { NativeStackNavigationProp } from '@react-navigation/native-stack';
import { ps } from '@/api/client';
import { useTheme } from '@/theme/ThemeContext';
import {
listKiosks,
removeKiosk,
@ -15,6 +16,7 @@ type Nav = NativeStackNavigationProp<RootStackParamList>;
export function FavoritesScreen() {
const navigation = useNavigation<Nav>();
const { colors } = useTheme();
const [items, setItems] = useState<SavedKiosk[]>([]);
useFocusEffect(
@ -38,27 +40,28 @@ export function FavoritesScreen() {
return (
<FlatList
style={{ backgroundColor: colors.bg }}
contentContainerStyle={{ padding: 16 }}
data={items}
keyExtractor={(k) => k.key}
ListEmptyComponent={
<Text style={styles.empty}>
<Text style={[styles.empty, { color: colors.subtext }]}>
No saved kiosks yet. Scan a kiosk QR and tap “Save kiosk”.
</Text>
}
renderItem={({ item }) => (
<View style={styles.card}>
<View style={[styles.card, { backgroundColor: colors.card }]}>
<TouchableOpacity style={{ flex: 1 }} onPress={() => open(item)}>
<Text style={styles.name}>{item.zoneName ?? item.key}</Text>
<Text style={styles.meta}>
<Text style={[styles.name, { color: colors.text }]}>{item.zoneName ?? item.key}</Text>
<Text style={[styles.meta, { color: colors.subtext }]}>
{item.scannerCode ? `Code ${item.scannerCode}` : `Serial ${item.terminalSerNo}`}
</Text>
</TouchableOpacity>
<TouchableOpacity style={styles.action} onPress={() => shareKiosk(item)}>
<Text style={styles.actionText}>Share</Text>
<Text style={[styles.actionText, { color: colors.primary }]}>Share</Text>
</TouchableOpacity>
<TouchableOpacity style={styles.action} onPress={() => remove(item)}>
<Text style={[styles.actionText, { color: '#c0392b' }]}>Remove</Text>
<Text style={[styles.actionText, { color: colors.danger }]}>Remove</Text>
</TouchableOpacity>
</View>
)}
@ -67,18 +70,17 @@ export function FavoritesScreen() {
}
const styles = StyleSheet.create({
empty: { color: '#888', textAlign: 'center', marginTop: 48 },
empty: { textAlign: 'center', marginTop: 48 },
card: {
flexDirection: 'row',
alignItems: 'center',
backgroundColor: '#f4f4f4',
borderRadius: 10,
padding: 14,
marginBottom: 10,
gap: 10,
},
name: { fontSize: 16, fontWeight: '600' },
meta: { color: '#777', fontSize: 12, marginTop: 2 },
meta: { fontSize: 12, marginTop: 2 },
action: { paddingHorizontal: 6, paddingVertical: 4 },
actionText: { color: '#1e6f5c', fontWeight: '600' },
actionText: { fontWeight: '600' },
});