pagina do professor pronta

src/Components/ModalConfirmarProfessor.js → 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

src/Components/PageProfessorComponents/SuccessfulRequest.js

+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;
+`

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>