frontend: fix mood trending widget calc and colors
Parents:
7f3f9fe2 file(s) changed
- frontend/components/insights/MoodTrendWidget.tsx +3 -5
- frontend/components/ui/MoodTrendWidget.tsx +1 -1
frontend/components/insights/MoodTrendWidget.tsx
1 1
import React from "react";
2 2
import { Text, StyleSheet, ActivityIndicator } from "react-native";
3 3
import { Card } from "@/components/ui/Cards";
4 4
import { useInsight } from "@/hooks/useInsights.queries";
5 5
import { Colors, Spacing, Typography } from "@/constants/theme";
▸ 30 unchanged lines
36 36
delta: number;
37 37
dominantMood: string;
38 38
avgEnergy: number;
39 39
};
40 40
41 -
const metric = metadata?.delta
42 -
? `+${Math.round(metadata.delta * 100)}%`
43 -
: "N/A";
41 +
const metric = metadata?.delta ? `${Math.round(metadata.delta)}%` : "N/A";
44 42
45 43
const accent = metadata?.delta
46 44
? metadata.delta < 0
47 -
? "green"
48 -
: "purple"
45 +
? "purple"
46 +
: "green"
49 47
: "green";
50 48
51 49
return (
52 50
<InsightCard
53 51
category="Humor"
▸ 31 unchanged lines
85 83
empty: {
86 84
color: Colors.light.lightSlateGray,
87 85
marginTop: 4,
88 86
},
89 87
});
frontend/components/ui/MoodTrendWidget.tsx
1 1
import React from "react";
2 2
import { View, Text, StyleSheet, ActivityIndicator } from "react-native";
3 3
import { Ionicons } from "@expo/vector-icons";
4 4
import { Card } from "@/components/ui/Cards";
5 5
import { useInsight } from "@/hooks/useInsights.queries";
6 6
import { useThemeColor } from "@/hooks/use-theme-color";
7 7
import { Spacing, Typography, BorderRadius } from "@/constants/theme";
8 8
9 9
export const MoodTrendWidget: React.FC = () => {
10 -
const { data: insight, isLoading } = useInsight("MOOD_TREND");
10 +
const { data: insight, isLoading } = useInsight("MOOD_TREND", 0);
11 11
12 12
const successColor = useThemeColor({}, "success");
13 13
const errorColor = useThemeColor({}, "danger");
14 14
const textSecondary = useThemeColor({}, "textSecondary");
15 15
▸ 97 unchanged lines
113 113
...Typography.labelXs,
114 114
opacity: 0.5,
115 115
marginTop: 4,
116 116
},
117 117
});