diff --git a/src/Components/ModalConfirmarProfessor.js b/src/Components/PageProfessorComponents/ModalConfirmarProfessor.js
similarity index 97%
rename from src/Components/ModalConfirmarProfessor.js
rename to src/Components/PageProfessorComponents/ModalConfirmarProfessor.js
index 3cbb4e7913f262ff91c60b60ae6b68844aea24f9..05d49f3bbc1ef2f412cb6109dc3bd51ceaa3040a 100644
--- a/src/Components/ModalConfirmarProfessor.js
+++ b/src/Components/PageProfessorComponents/ModalConfirmarProfessor.js
@@ -22,9 +22,8 @@ import Modal from '@material-ui/core/Modal';
import Backdrop from '@material-ui/core/Backdrop';
import Fade from '@material-ui/core/Fade';
import styled from 'styled-components'
-import {Store} from '../Store.js'
import axios from 'axios'
-import {apiUrl} from '../env';
+import {apiUrl} from '../../env';
import CloseIcon from '@material-ui/icons/Close';
const StyledModal = styled(Modal)`
@@ -36,7 +35,6 @@ const StyledModal = styled(Modal)`
`
export default function ModalConfirmarProfessor (props){
- const {state, dispatch} = useContext(Store)
return (
<StyledModal
diff --git a/src/Components/PageProfessorComponents/SuccessfulRequest.js b/src/Components/PageProfessorComponents/SuccessfulRequest.js
new file mode 100644
index 0000000000000000000000000000000000000000..0e478b74df1a357b5b1c7949717f92e4069f2550
--- /dev/null
+++ b/src/Components/PageProfessorComponents/SuccessfulRequest.js
@@ -0,0 +1,56 @@
+import React from 'react'
+import styled from 'styled-components'
+import {ButtonConfirmar} from './PartOne.js'
+import Comentarios from '../../img/comentarios.png'
+
+export default function SuccessfulRequest (props) {
+ const h4Text = 'Obrigado por fazer parte dessa rede!'
+ const pText = 'Em breve você poderá publicar os seus próprios reursos educacionais digitais. O MEC analisará as suas informações junto a escola e você será avisada(o) aqui na plataforma e em seu email: '
+
+ return (
+ <div style={{maxWidth:"575px", padding : "0 36px"}}>
+ <div style={{display : "flex", flexDirection : "column"}}>
+ <StyledH4>{h4Text}</StyledH4>
+ <TextDiv>
+ <p>{pText} <b>{props.email}</b>.</p>
+ </TextDiv>
+ <div style={{display : 'flex', flexDirection : 'row', justifyContent : "center"}}>
+ <ButtonConfirmar>VOLTAR À PAGINA INICIAL</ButtonConfirmar>
+ </div>
+ <ImageDiv/>
+ </div>
+ </div>
+ )
+}
+
+const ImageDiv = styled.div`
+ height : 500px;
+ background-image : url(${Comentarios});
+ background-repeat : no-repeat;
+ background-position : center center;
+`
+
+const TextDiv = styled.div`
+ display : flex;
+ flex-direction : row;
+
+ p {
+ text-align : justify;
+ font-family: Roboto;
+ font-style : normal;
+ font-weight : 400;
+ line-height : 21px;
+ font-size : 15px;
+ margin : 0 0 10px;
+ }
+`
+
+const StyledH4 = styled.h4`
+ font-family : Roboto;
+ font-style : normal;
+ font-weight : 300;
+ line-height : 36px;
+ font-size : 26px;
+ margin-top : 20px;
+ margin-bottom : 20px;
+`
diff --git a/src/Pages/PageProfessor.js b/src/Pages/PageProfessor.js
index e729721eb67a96d4248a9f8487e6170f41576e6e..e177ade2c058603df6cdbe7a5e2a1014bd057a10 100644
--- a/src/Pages/PageProfessor.js
+++ b/src/Pages/PageProfessor.js
@@ -5,14 +5,14 @@ import Paper from '@material-ui/core/Paper';
import PartOne from '../Components/PageProfessorComponents/PartOne.js'
import PartTwo from '../Components/PageProfessorComponents/PartTwo.js'
import PartThree from '../Components/PageProfessorComponents/PartThree.js'
-import ModalConfirmarProfessor from '../Components/ModalConfirmarProfessor.js'
+import SuccessfulRequest from '../Components/PageProfessorComponents/SuccessfulRequest.js'
+import ModalConfirmarProfessor from '../Components/PageProfessorComponents/ModalConfirmarProfessor.js'
import axios from 'axios'
import {apiUrl} from '../env';
export default function PageProfessor (props) {
const {state, dispatch} = useContext(Store)
const [modalOpen, toggleModal] = useState(false)
-
const handleModal = () => {
toggleModal(!modalOpen) ;
}
@@ -36,14 +36,15 @@ export default function PageProfessor (props) {
)
const [stepper, handleStepper] = useState(
- [ {value : '1', selected : true}, {value : '2', selected : false}, {value : '3', selected : false} ]
+ [ {value : '1', selected : false}, {value : '2', selected : false}, {value : '3', selected : false}, {value : '4', selected : true}]
)
- const toggleStepper = (selected1, selected2, selected3) => {
+ const toggleStepper = (selected1, selected2, selected3, selected4) => {
handleStepper(
[
{value : '1', selected : selected1},
{value : '2', selected : selected2},
- {value : '3', selected : selected3}
+ {value : '3', selected : selected3},
+ {value : '4', selected : selected4}
]
)
}
@@ -58,7 +59,7 @@ export default function PageProfessor (props) {
school_city : (nomeMunicipio ? nomeMunicipio : ''),
inep_code : (inep ? inep : '')
})
- toggleStepper(false, true, false)
+ toggleStepper(false, true, false, false)
}
const handleBuscarParteDois = (city_name, inep, school_name, state_name) => {
@@ -75,7 +76,7 @@ export default function PageProfessor (props) {
school_name: (school_name ? school_name : ''),
inep_code : (inep ? inep : '')
})
- toggleStepper(false, false, true)
+ toggleStepper(false, false, true, false)
}
const handleParteTres = (phone, cpf) => {
@@ -109,7 +110,9 @@ export default function PageProfessor (props) {
.then( (response) => {
console.log(response.data)
}, (error) => console.log('deu erro')
- )}
+ )
+ toggleStepper(false, false, false, true)
+ }
return (
<>
@@ -143,6 +146,10 @@ export default function PageProfessor (props) {
handleSubmit={handleParteTres}
/>
}
+ {
+ stepper[3].selected &&
+ <SuccessfulRequest email={state.currentUser.email}/>
+ }
</div>
</Paper>
</div>
diff --git a/src/img/comentarios.png b/src/img/comentarios.png
new file mode 100644
index 0000000000000000000000000000000000000000..8427d16029a99af4896d1d1ea0b16c7a76f88450
Binary files /dev/null and b/src/img/comentarios.png differ