tranferir turma texto

Author: jonnypaulino

.env

@@ -1,2 +1,2 @@
-REACT_APP_API_PATH=http://localhost:3000/
-# REACT_APP_API_PATH=https://br-ipti-beneficiarios.azurewebsites.net/
+# REACT_APP_API_PATH=http://localhost:3000/
+REACT_APP_API_PATH=https://br-ipti-beneficiarios.azurewebsites.net/

src/Pages/Beneficiaries/BeneficiariesCreate/index.tsx

@@ -292,7 +292,7 @@ const RegistrationPage = () => {
                   </div>
                 </div>{" "}
                 <Padding padding="8px" />
-                <h3>Projeto *</h3>
+                <h3>Mtricula *</h3>
                 <Padding padding="8px" />
                 <div className="grid">
                   <div className="col-12 md:col-6">

src/Pages/Classroom/ClassroomOne/ModalChangeClaassroom/index.tsx

@@ -8,64 +8,79 @@ import { ClassroomContext } from "../../../../Context/Classroom/context";
 import { ClassroomTypes } from "../../../../Context/Classroom/type";
 import { useContext } from "react";
 import { useParams } from "react-router-dom";
+import * as Yup from "yup";
 
 const ModalChange = ({
-    onHide,
-    visible,
+  onHide,
+  visible,
 }: {
-    onHide(): void;
-    visible?: boolean | undefined;
+  onHide(): void;
+  visible?: boolean | undefined;
 }) => {
-    const { id } = useParams();
+  const { id } = useParams();
 
-    const props = useContext(ClassroomContext) as ClassroomTypes;
+  const props = useContext(ClassroomContext) as ClassroomTypes;
 
-    const { data: tsOneRequest } = useFetchRequestTsLists(undefined)
+  const { data: tsOneRequest } = useFetchRequestTsLists(undefined);
 
-    return (
-        <Dialog
-            onHide={onHide}
-            visible={visible}
-            style={{ width: window.innerWidth < 800 ? "80vw" : "50vw" }}
-        >
-            <Formik
-                initialValues={{
-                    idProject: ""
-                }}
-                onSubmit={(values) => {
-                    props.ChangeClassroom({idClassroom: id!, idProject: values.idProject})
-                    onHide();
-                }}
-            >
-                {({ values, handleChange }) => {
-                    return (
-                        <Form>
-                            <div className="grid">
-                                <div className="col-12 md:col-6">
-                                    <label>Escolha um projeto</label>
-                                    <Padding />
-                                    <DropdownComponent
-                                        value={values.idProject}
-                                        options={tsOneRequest?.project}
-                                        placerholder="Digite um nome"
-                                        onChange={handleChange}
-                                        optionsValue="id"
-                                        name="idProject"
-                                    />
-                                </div>
-                            </div>{" "}
-                            <Padding padding="16px" />
-                            <Column style={{ width: "100%" }}>
-                                <Row id="end">
-                                    <Button label="Salvar" />
-                                </Row>
-                            </Column>
-                        </Form>
-                    );
-                }}
-            </Formik>
-        </Dialog>
-    );
+  const schema = Yup.object().shape({
+    idProject: Yup.string().nullable().required("Projeto é obrigatório"),
+  });
+
+  return (
+    <Dialog
+      onHide={onHide}
+      visible={visible}
+      header="Transferir turma"
+      style={{ width: window.innerWidth < 800 ? "80vw" : "50vw" }}
+    >
+      <Formik
+        initialValues={{
+          idProject: "",
+        }}
+        validationSchema={schema}
+        onSubmit={(values) => {
+          props.ChangeClassroom({
+            idClassroom: id!,
+            idProject: values.idProject,
+          });
+          onHide();
+        }}
+      >
+        {({ values, handleChange, errors, touched }) => {
+          return (
+            <Form>
+              <div className="grid">
+                <div className="col-12 md:col-6">
+                  <label>Escolha um projeto</label>
+                  <Padding />
+                  <DropdownComponent
+                    value={values.idProject}
+                    options={tsOneRequest?.project}
+                    placerholder="Digite um nome"
+                    onChange={handleChange}
+                    optionsValue="id"
+                    name="idProject"
+                  />
+                  {errors.idProject && touched.idProject ? (
+                    <div style={{ color: "red", marginTop: "8px" }}>
+                      {errors.idProject}
+                    </div>
+                  ) : null}
+                </div>
+              </div>{" "}
+              <Padding padding="16px" />
+              <Column style={{ width: "100%" }}>
+                <Row id="end">
+                  <Button label="Salvar" />
+                </Row>
+              </Column>
+            </Form>
+          );
+        }}
+      </Formik>
+    </Dialog>
+  );
 };
 
 export default ModalChange;