docker compose for backend +frontend

2026-08-07 22:30:00 +02:00
parent ed31f24b23
commit 4b6e87c979
33 changed files with 793 additions and 382 deletions
@@ -26,6 +26,9 @@ export function CategorySelector({ value, onChange, error }: CategorySelectorPro
        ]}
        onPress={() => setShowModal(true)}
        activeOpacity={0.8}
+        accessibilityRole="button"
+        accessibilityLabel="Select category"
+        accessibilityHint="Opens a list of categories to choose from"
      >
        <View style={styles.selectorContent}>
 <View style={styles.selectorRow}>
@@ -48,7 +51,7 @@ export function CategorySelector({ value, onChange, error }: CategorySelectorPro
            <Pressable style={[styles.modalSheet, { backgroundColor: theme.sheetBg }]}>
              <View style={styles.modalHeader}>
                <Text style={[styles.modalTitle, { color: theme.text }]}>Select Category</Text>
-                <TouchableOpacity onPress={() => setShowModal(false)} hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }}>
+                <TouchableOpacity onPress={() => setShowModal(false)} hitSlop={{ top: 8, bottom: 8, left: 8, right: 8 }} accessibilityRole="button" accessibilityLabel="Close category picker">
                  <Text style={[styles.closeText, { color: theme.textMuted }]}>✕</Text>
                </TouchableOpacity>
              </View>
@@ -61,6 +64,9 @@ export function CategorySelector({ value, onChange, error }: CategorySelectorPro
                  ]}
                  onPress={() => { onChange(''); setShowModal(false); }}
                  activeOpacity={0.8}
+                  accessibilityRole="radio"
+                  accessibilityLabel="No category"
+                  accessibilityState={{ selected: !value }}
                >
                  <View style={[styles.colorCircle, { backgroundColor: '#9E9E9E' }, !value && styles.colorCircleSelected]} />
                  <Text style={[
@@ -86,6 +92,9 @@ export function CategorySelector({ value, onChange, error }: CategorySelectorPro
                    ]}
                    onPress={() => { onChange(category.id); setShowModal(false); }}
                    activeOpacity={0.8}
+                    accessibilityRole="radio"
+                    accessibilityLabel={`Category ${category.name}`}
+                    accessibilityState={{ selected: value === category.id }}
                  >
                    <View style={[styles.colorCircle, { backgroundColor: category.color }, value === category.id && styles.colorCircleSelected]} />
                    <Text style={[