eletrotupi / tcc/ commit / bb1e899

frontend: add disclaimer card

Pedro Lucas Porcellis porcellis@eletrotupi.com · 5 months ago bb1e899a6bab358a61d67b62a50e2cf4f886558c Browse files
Parents bd62b64
Changed files
1
Additions
+56
Deletions
-2
frontend/app/(tabs)/actions.tsx modified+56 -2
frontend/app/(tabs)/actions.tsx
1 1 
import { View, Text, StyleSheet } from 'react-native';
2 2 
import { ThemedText } from '@/components/misc/themed-text';
3 3 
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();
15 16
16 17 
  return (
70 71 
          <Text style={styles.cardDescription}>
71 72 
            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 
}
78 100
79 101 
const styles = StyleSheet.create({
100 122 
  },
101 123 
  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 
})