frontend: use new store inside new pages
Parents:
55164042 file(s) changed
- frontend/app/(tabs)/new/entry.tsx +21 -2
- frontend/app/(tabs)/new/index.tsx +0 -2
frontend/app/(tabs)/new/entry.tsx
@@ -24,19 +24,38 @@ import { Spacing, Typography, Colors } from '@/constants/theme';
24 24 import { ScaleSlider } from '@/components/ui/ScaleSlider';
25 25 import { Ionicons } from '@expo/vector-icons';
26 26 import { useThemeColor } from '@/hooks/use-theme-color';
27 + import {
28 + useMoodEntryStore,
29 + } from '@/stores/moodEntry';
30 +
31 + import {
32 + MOODS,
33 + getMood
34 + } from '@/constants/moods';
27 35
28 36 export default function NewMoodEntry() {
29 37 const { user } = useAuth();
30 38 const tintColor = useThemeColor({}, 'tint');
31 39
32 - // TODO: transform this into a specific mood component
33 40 const { initialMood } = useLocalSearchParams();
34 41 const [stress, setStress] = useState(0);
35 42 const [anxiety, setAnxiety] = useState(0);
36 43 const [energy, setEnergy] = useState(0);
37 44
45 + const {
46 + selectedMood,
47 + setSelectedMood,
48 + components,
49 + } = useMoodEntryStore();
50 +
51 + useEffect(() => {
52 + setSelectedMood(getMood(initialMood));
53 + }, [initialMood]);
54 +
38 55 const editComponents = () => {
39 56 console.log("Wants to open the components");
57 +
58 + router.push("/entry/mood-components")
40 59 }
41 60
42 61 return (
@@ -50,7 +69,7 @@ Como você está se sentindo agora?
50 69 </ThemedText>
51 70
52 71 <ThemedText style={styles.statusText}>
53 - Muito Bem
72 + {selectedMood.label || "Neutro"}
54 73 </ThemedText>
55 74 </Center>
56 75
frontend/app/(tabs)/new/index.tsx
@@ -31,8 +31,6 @@ { id: 'angry', icon: '😠', label: 'Irritado' },
31 31 ];
32 32
33 33 const initQuickRegister = () => {
34 - console.log("Register: ", mood);
35 -
36 34 // TODO: Set down on camelCase vs kebab case
37 35 router.navigate(`/new/entry?initialMood=${mood}`)
38 36 };