functioning apk with reworked calendar

This commit is contained in:
2026-08-07 22:29:46 +02:00
parent ecb7fbefb1
commit ed31f24b23
22 changed files with 1108 additions and 502 deletions
@@ -28,10 +28,10 @@ export function CategorySelector({ value, onChange, error }: CategorySelectorPro
activeOpacity={0.8}
>
<View style={styles.selectorContent}>
<View style={styles.selectorRow}>
<View style={[styles.colorCircle, { backgroundColor: selectedCategory?.color || '#9E9E9E' }]} />
<Text style={[styles.selectorValue, { color: theme.text }]}>{selectedCategory?.name || 'Select category'}</Text>
</View>
<View style={styles.selectorRow}>
<View style={[styles.colorCircle, { backgroundColor: selectedCategory?.color || '#9E9E9E' }]} />
<Text style={[styles.selectorValue, { color: theme.text }]}>{selectedCategory?.name || 'None'}</Text>
</View>
</View>
<Svg width={20} height={20} viewBox="0 0 24 24">
<Path d="M9 18l6-6-6-6" stroke={theme.textMuted} strokeWidth={2} strokeLinecap="round" strokeLinejoin="round" fill="none" />
@@ -53,6 +53,29 @@ export function CategorySelector({ value, onChange, error }: CategorySelectorPro
</TouchableOpacity>
</View>
<ScrollView contentContainerStyle={styles.modalContent}>
<TouchableOpacity
style={[
styles.modalOption,
{ backgroundColor: theme.card, borderColor: theme.borderStrong },
!value && { borderColor: theme.accent, backgroundColor: theme.accentSoft, borderWidth: 2 },
]}
onPress={() => { onChange(''); setShowModal(false); }}
activeOpacity={0.8}
>
<View style={[styles.colorCircle, { backgroundColor: '#9E9E9E' }, !value && styles.colorCircleSelected]} />
<Text style={[
styles.categoryName,
{ color: theme.textSecondary },
!value && { color: theme.accent, fontWeight: '600' },
]}>
None
</Text>
{!value && (
<Svg width={20} height={20} viewBox="0 0 24 24">
<Path d="M5 12l5 5 9-10" stroke={theme.accent} strokeWidth={2.5} strokeLinecap="round" strokeLinejoin="round" fill="none" />
</Svg>
)}
</TouchableOpacity>
{categories.map((category) => (
<TouchableOpacity
key={category.id}