Feature/ Formatacoes basicas #9

UnBArqDsw · Nov 19, 2020 · 924f500 · 924f500
1 parent b7022c5
commit 924f500
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 35 deletions.
diff --git a/mobile/DiarioSaude/src/components/groupItem/index.tsx b/mobile/DiarioSaude/src/components/groupItem/index.tsx
@@ -8,16 +8,16 @@ function GroupItem() {
     <View style={styles.container}>
       <View style={styles.profile}>
         <View style={styles.profileInfo}>
-          <Text style={styles.name}>Nome</Text>
+          <Text style={styles.name}>Nome Grupo</Text>
         </View>
       </View>
 
-      <Text style={styles.bio}>Bio</Text>
+      <Text style={styles.bio}>Informações sobre o grupo</Text>
 
       <View style={styles.footer}>
         <View style={styles.buttonsContainer}>
           <RectButton style={styles.contactButton}>
-            <Text style={styles.contactButtonText}>Entrar em contato</Text>
+            <Text style={styles.contactButtonText}>Detalhe do Grupo</Text>
           </RectButton>
         </View>
       </View>

diff --git a/mobile/DiarioSaude/src/components/groupItemPacient/index.tsx b/mobile/DiarioSaude/src/components/groupItemPacient/index.tsx
@@ -8,14 +8,16 @@ function GroupItemPacient() {
     <View style={styles.container}>
       <View style={styles.profile}>
         <View style={styles.profileInfo}>
-          <Text style={styles.name}>Nome</Text>
+          <Text style={styles.name}>Nome do Grupo</Text>
         </View>
       </View>
 
+      <Text style={styles.bio}>Informações sobre o grupo</Text>
+
       <View style={styles.footer}>
         <View style={styles.buttonsContainer}>
           <RectButton style={styles.contactButton}>
-            <Text style={styles.contactButtonText}>Entrar em contato</Text>
+            <Text style={styles.contactButtonText}>Responder Questões</Text>
           </RectButton>
         </View>
       </View>

diff --git a/mobile/DiarioSaude/src/pages/CreateGroup/index.tsx b/mobile/DiarioSaude/src/pages/CreateGroup/index.tsx
@@ -1,13 +1,12 @@
 import React, { useState } from "react";
 import { View, Text } from "react-native";
-import { TextInput } from "react-native-gesture-handler";
+import { TextInput, RectButton } from "react-native-gesture-handler";
 import styles from "./styles";
 
 function CreateGroup() {
-  const [CPF, setCPF] = useState("");
-  const [Senha, setSenha] = useState("");
-  const [ConfirmarSenha, setConfirmarSenha] = useState("");
-  const [Cargo, setCargo] = useState("");
+  const [Ubs, setUbs] = useState("");
+  const [Questionario, setQuestionario] = useState("");
+  const [Usuarios, setUsuarios] = useState("");
   const [Nome, setNome] = useState("");
 
   return (
@@ -19,40 +18,33 @@ function CreateGroup() {
           value={Nome}
           onChangeText={nome => setNome(nome)}
         ></TextInput>
+
         <TextInput
           style={styles.textInputUsuario}
-          placeholder="CPF"
-          maxLength={11}
-          keyboardType="number-pad"
-          value={CPF}
-          onChangeText={cpf => setCPF(cpf)}
-        ></TextInput>
-        <TextInput
-          style={styles.textInputUsuario}
-          placeholder="Senha"
+          placeholder="Ubs"
           secureTextEntry={true}
-          value={Senha}
-          onChangeText={senha => setSenha(senha)}
+          value={Ubs}
+          onChangeText={ubs => setUbs(ubs)}
         ></TextInput>
         <TextInput
           style={styles.textInputUsuario}
-          placeholder="Confirmar Senha"
+          placeholder="Questionário"
           secureTextEntry={true}
-          value={ConfirmarSenha}
-          onChangeText={confirmarsenha => setConfirmarSenha(confirmarsenha)}
+          value={Questionario}
+          onChangeText={questionario => setQuestionario(questionario)}
         ></TextInput>
-        {/* <TextInput
-          style={styles.textInputUsuario}
-          placeholder="UBS"
-          value={UBS}
-          onChangeText={ubs => setUBS(ubs)}
-        ></TextInput> */}
+
         <TextInput
           style={styles.textInputUsuario}
-          placeholder="Cargo"
-          value={Cargo}
-          onChangeText={cargo => setCargo(cargo)}
+          placeholder="Usuários"
+          value={Usuarios}
+          onChangeText={usuarios => setUsuarios(usuarios)}
         ></TextInput>
+        <View style={styles.buttonsContainer}>
+          <RectButton style={styles.buttonCadastrar}>
+            <Text style={styles.textButton}>Cadastrar</Text>
+          </RectButton>
+        </View>
       </View>
     </View>
   );

diff --git a/mobile/DiarioSaude/src/pages/CreateGroup/styles.ts b/mobile/DiarioSaude/src/pages/CreateGroup/styles.ts
@@ -13,7 +13,7 @@ const styles = StyleSheet.create({
 
   buttonCadastrar: {
     backgroundColor: "#0124A2",
-    marginTop: -40,
+    marginTop: 16,
     height: 40,
     width: 200,
     borderRadius: 20,
@@ -34,7 +34,9 @@ const styles = StyleSheet.create({
   },
 
   textContainer: {
-    marginBottom: 40
+    marginBottom: 40,
+    marginTop: 8,
+    alignItems: "center"
   },
 
   textInputUsuario: {