frontend: add disclaimer card
Parents:
bd62b641 file(s) changed
- frontend/app/(tabs)/actions.tsx +56 -2
frontend/app/(tabs)/actions.tsx
@@ -4,11 +4,12 @@ import { ThemedView } from '@/components/misc/themed-view';
4 4 import { ScreenLayout } from '@/components/ui/ScreenLayout';
5 5 import { useAuth } from '@/context/AuthContext';
6 6 import { Section, SectionHeader } from '@/components/ui/Sections';
7 - import { Card } from '@/components/ui/Cards';
7 + import { Card, SubtleInfoCard } from '@/components/ui/Cards';
8 8 import { Grid, Col, Row, Between } from '@/components/ui/LayoutHelpers';
9 9 import { Button } from '@/components/ui/Button'
10 10 import { Shadows, Colors, Typography, Spacing, BorderRadius } from '@/constants/theme';
11 - import { Ionicons } from '@expo/vector-icons';
11 + import { Ionicons, Octicons } from '@expo/vector-icons';
12 + import { Link } from 'expo-router';
12 13
13 14 export default function Actions() {
14 15 const { user } = useAuth();
@@ -72,6 +73,27 @@ Registre eventos que aferatam seu humor.
72 73 </Text>
73 74 </Card>
74 75 </Grid>
76 +
77 + <Card style={styles.disclaimerCard}>
78 + <View style={styles.disclaimerTitleContainer}>
79 + <Ionicons name="information-circle-outline" size={20} color={Colors.light.tint} />
80 + <Text style={styles.disclaimerTitleText}>Nota de Apoio</Text>
81 + </View>
82 +
83 + <Text style={styles.disclaimerText}>
84 + Este aplicativo é um assistente digital para
85 + auxiliar no seu monitoramento diário. Em caso
86 + de emergência ou sintomas graves, entre em
87 + contato imediatamente com seu médico ou
88 + serviços de saúde locais.
89 + </Text>
90 +
91 + <View style={styles.disclaimerHelp}>
92 + <Link href="https://expo.dev" style={styles.disclaimerHelpText}>
93 + Ver canais de ajuda <Octicons name="link-external" size={12} color="black" />
94 + </Link>
95 + </View>
96 + </Card>
75 97 </ScreenLayout>
76 98 )
77 99 }
@@ -102,5 +124,37 @@ cardDescription: {
102 124 ...Typography.labelSm,
103 125 color: Colors.light.textSecondary,
104 126 marginTop: 4
127 + },
128 + disclaimerCard: {
129 + padding: Spacing.cardGap,
130 + },
131 + disclaimerTitleContainer: {
132 + flex: 1,
133 + flexDirection: 'row',
134 + gap: 5,
135 + marginBottom: 10
136 + },
137 + disclaimerTitleText: {
138 + fontWeight: 600,
139 + fontSize: 16,
140 + lineHeight: 20,
141 + },
142 + disclaimerText: {
143 + fontSize: 12,
144 + lineHeight: 18,
145 + color: Colors.light.textSecondary,
146 + },
147 + disclaimerHelp: {
148 + marginTop: 10,
149 + borderTopWidth: 1,
150 + borderTopColor: Colors.light.divider,
151 + paddingTop: 5,
152 + },
153 + disclaimerHelpText: {
154 + color: "#0f172a",
155 + fontWeight: 500,
156 + fontSize: 12,
157 + lineHeight: 16,
158 + alignItems: 'center'
105 159 }
106 160 })