fix: nomenclature in register page

apps/app/components/LectureForm/index.js

@@ -54,12 +54,12 @@ export default function LectureForm({ id }) {
 
   let promise;
 
-  const fetchData = () => {
+  const fetchData = useCallback(() => {
     if (!promise) {
       promise = Promise.all(events.map((event) => getNinjaEvents(event.id)));
     }
     return promise;
-  };
+  });
 
   useEffect(() => {
     fetchData().then((responses) => {
@@ -71,7 +71,7 @@ export default function LectureForm({ id }) {
         )
       );
     });
-  }, [events]);
+  }, [events, fetchData]);
 
   const [filteredNinjas, setFilteredNinjas] = useState([]);
   const handleEventChange = useCallback(

apps/app/components/Signup/index.js → apps/app/components/Signup/index.tsx

@@ -6,6 +6,7 @@ import {
   Form,
   Input,
   Radio,
+  Space,
   Tooltip,
   Typography,
 } from "antd";
@@ -15,21 +16,19 @@ import {
   MailOutlined,
 } from "@ant-design/icons";
 import { useAuth } from "@coderdojobraga/ui";
-import Koi from "~/components/Koi";
 
 import styles from "./style.module.css";
 
 function Signup() {
   const { Title, Text } = Typography;
   const { errors, isLoading, sign_up } = useAuth();
-
   const [size, setSize] = useState("");
 
-  const handleSizeChange = (e) => {
+  const handleSizeChange = (e: any) => {
     setSize(e.target.value);
   };
 
-  const onFinish = ({ email, password, role }) => {
+  const onFinish = ({ email, password, role }: any) => {
     sign_up({ email, password, role });
   };
 
@@ -73,26 +72,35 @@ function Signup() {
           },
         ]}
       >
-        <Radio.Group
-          className={styles.select}
-          value={size}
-          onChange={handleSizeChange}
-        >
-          <Radio.Button className={styles.option} value="guardian">
-            Guardião
-          </Radio.Button>
-          <Radio.Button className={styles.option} value="mentor">
-            Mentor
-          </Radio.Button>
-          <Tooltip
-            className={styles.option}
-            title="Inicia sessão como Guardião para inscreveres um Ninja"
-          >
-            <Radio.Button disabled>
-              Ninja &#160;
-              <InfoCircleOutlined />
-            </Radio.Button>
-          </Tooltip>
+        <Radio.Group value={size} onChange={handleSizeChange}>
+          <Space direction="vertical">
+            <Radio value="guardian" className="mb-2">
+              Guardião
+              <label id="mentor-description" className="ml-2 text-gray-500">
+                Responsável da criança.
+              </label>
+            </Radio>
+
+            <Radio value="mentor" className="mb-2">
+              Mentor
+              <label id="mentor-description" className="ml-5 text-gray-500">
+                Voluntário pela iniciativa.
+              </label>
+            </Radio>
+
+            <Tooltip
+              className={styles.option}
+              title="Inicia sessão como Guardião para inscreveres um Ninja"
+            >
+              <Radio disabled value="1">
+                Ninja
+                <label id="mentor-description" className="ml-8 text-gray-500">
+                  Criança participante. &nbsp;
+                </label>
+                <InfoCircleOutlined />
+              </Radio>
+            </Tooltip>
+          </Space>
         </Radio.Group>
       </Form.Item>
 
@@ -124,7 +132,7 @@ function Signup() {
       <Form.Item
         className={styles.button}
         validateStatus={errors && "error"}
-        help={errors?.email && "Email já registado"}
+        help={!errors || "Email já registado"}
       >
         <Button
           type="primary"

apps/app/pages/admin/lectures/presences/index.tsx

@@ -38,6 +38,7 @@ export default function Presences() {
   const [selectedLectures, setSelectedLectures] = useState<Lecture[]>([]);
   const [locations, setLocations] = useState<any[]>([]);
   const router = useRouter();
+
   const onFinish = (values: any, lectureId: string) => {
     api
       .updateLecture(lectureId, values)
@@ -98,7 +99,7 @@ export default function Presences() {
         key: lecture.id,
       });
     });
-  }, []);
+  }, [selectedLectures, data]);
 
   useEffect(() => {
     api
@@ -111,19 +112,6 @@ export default function Presences() {
         );
       });
   }, []);
-
-  useEffect(() => {
-    if (selectedEvent !== "") {
-      setSelectedLectures(
-        lectures.filter((lecture) => lecture.event.id === selectedEvent)
-      );
-    }
-  }, [selectedEvent, lectures]);
-
-  useEffect(() => {
-    generateData();
-  }, [selectedLectures]);
-
   const generateData = () => {
     const data: any[] = [];
 
@@ -141,6 +129,17 @@ export default function Presences() {
 
     setData(data);
   };
+  useEffect(() => {
+    if (selectedEvent !== "") {
+      setSelectedLectures(
+        lectures.filter((lecture) => lecture.event.id === selectedEvent)
+      );
+    }
+  }, [selectedEvent, lectures]);
+
+  useEffect(() => {
+    generateData();
+  }, [selectedLectures, generateData]);
 
   const handleEditButtonClick = () => {
     setEditButtonVisible(false);