diff --git a/src/app/navigation/AccountNavigator.js b/src/app/navigation/AccountNavigator.js
index 2127fcd..5a09348 100644
--- a/src/app/navigation/AccountNavigator.js
+++ b/src/app/navigation/AccountNavigator.js
@@ -7,6 +7,8 @@ import Abbout from "../screens/Abbout";
import ActivateInstitution from "../screens/ActivateInstitution";
import UpdatePassword from "../screens/UpdatePassword";
import EditUserData from "../screens/EditUserData";
+import ActivateInstitutionCode from "../screens/ActivateInstitutionCode";
+import ActivateInstitutionShowCode from "../screens/ActivateInstitutionShowCode";
const Stack = createStackNavigator();
@@ -53,6 +55,28 @@ const AccountNavigator = () => (
},
}}
/>
+
+
(
backgroundColor: "white",
},
}}
- />
+ />
+
+
);
diff --git a/src/app/screens/ActivateInstitution.js b/src/app/screens/ActivateInstitution.js
index ebd007f..c69d448 100644
--- a/src/app/screens/ActivateInstitution.js
+++ b/src/app/screens/ActivateInstitution.js
@@ -1,10 +1,106 @@
-import React from "react";
-import {View, Text} from "react-native";
+import React, { useState } from "react";
+import { View, Text, StyleSheet } from "react-native";
+import { dimensions } from "../config/dimensions";
+import colors from "../config/colors";
+import SearchablePicker from "../components/SearchablePicker";
+import Button from "../components/Button";
-export default function ActivateInstitution(props) {
+function Header() {
+ return (
+
+
+ Ativar instituição
+
+
+ );
+}
+
+function RolePicker({ setSelected }) {
+ const [items, setItems] = useState([
+ { value: "Responsável", label: "Responsável" },
+ { value: "Não responsável", label: "Não responsável" },
+ ]);
+
+ return (
+
+ );
+}
+
+function SelectInstitutionalRole({ setInstRole, onPress }) {
return (
-
- Ativar instituição
+
+
+
+ A instituição da qual você faz parte está cadastrada no projeto Cemaden
+ Educação. Se no projeto você é responsável pela instituição, selecione a
+ opção “Responsável” no campo “Vínculo”.
+
+
+ Vínculo institucional:
+
+
+
+
+
+
- )
+ );
}
+
+export default function ActivateInstitution(props) {
+ const [instRole, setInstRole] = useState(null);
+
+ return (
+ {
+ props.navigation.navigate("ActivateInstitutionCode", {instRole: instRole});
+ }}
+ />
+ );
+}
+
+const styles = StyleSheet.create({
+ labelStyle: {
+ fontSize: dimensions.text.secondary,
+ fontWeight: "bold",
+ textAlign: "left",
+ color: colors.secondary,
+ marginBottom: 12,
+ marginTop: 48,
+ },
+ iconField: {
+ flexDirection: "row",
+ },
+});
diff --git a/src/app/screens/ActivateInstitutionCode.js b/src/app/screens/ActivateInstitutionCode.js
new file mode 100644
index 0000000..e341d01
--- /dev/null
+++ b/src/app/screens/ActivateInstitutionCode.js
@@ -0,0 +1,161 @@
+import React, { useState, useContext } from "react";
+import { View, Text, StyleSheet } from "react-native";
+import { dimensions } from "../config/dimensions";
+import colors from "../config/colors";
+import Button from "../components/Button";
+import { MaterialCommunityIcons } from "@expo/vector-icons";
+import { AuthContext } from "../auth/context";
+import {
+ Form,
+ SubmitButton,
+ FormField,
+ ErrorMessage,
+} from "../components/forms";
+import {KeyboardAwareScrollView} from "react-native-keyboard-aware-scroll-view";
+
+function Header() {
+ return (
+
+
+ Ativar instituição
+
+
+ );
+}
+
+function Institution({ user, institutionRole }) {
+ return (
+
+ Tippo de instituição:
+
+
+ {user.institutionType}
+
+
+
+ Nome da instituição:
+
+
+
+ {user.institutionName}
+
+
+
+ Vínculo institucional:
+
+
+
+ {institutionRole}
+
+
+ );
+}
+
+function ValidateCode({ institutionRole, user }) {
+ return (
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default function ActivateInstitutionCode({ route, navigation }) {
+ const { instRole } = route.params;
+ const { user, _ } = useContext(AuthContext);
+
+ return (
+
+ );
+}
+
+const styles = StyleSheet.create({
+ label: {
+ fontSize: dimensions.text.secondary,
+ marginBottom: 12,
+ fontWeight: "bold",
+ textAlign: "left",
+ color: colors.secondary,
+ },
+ subText: {
+ color: colors.subText,
+ fontSize: 16,
+ alignSelf: "center",
+ fontWeight: "500",
+ paddingLeft: 16,
+ },
+ title: {
+ fontSize: 18,
+ fontWeight: "bold",
+ textAlign: "center",
+ color: colors.primary,
+ },
+ labelStyle: {
+ fontSize: dimensions.text.secondary,
+ fontWeight: "bold",
+ textAlign: "left",
+ color: colors.secondary,
+ marginBottom: 12,
+ marginTop: 48,
+ },
+ iconField: {
+ justifyContent: "center",
+ alignItems:"center",
+ flexDirection: "row",
+ marginBottom: 24,
+ },
+});
diff --git a/src/app/screens/ActivateInstitutionShowCode.js b/src/app/screens/ActivateInstitutionShowCode.js
new file mode 100644
index 0000000..a399c34
--- /dev/null
+++ b/src/app/screens/ActivateInstitutionShowCode.js
@@ -0,0 +1,13 @@
+import React, { useState, useContext } from "react";
+import {View, Text} from "react-native";
+
+
+export default function ActivateInstitutionShowCode({route}) {
+ const {code} = route.params
+
+ return (
+
+ {code}
+
+ )
+}