Toast and ModulesGrades Salvos

polijrorg · Mar 23, 2024 · 3dc0a08 · 3dc0a08
1 parent 58b5f23
commit 3dc0a08
Show file tree

Hide file tree

Showing 3 changed files with 56 additions and 32 deletions.
diff --git a/src/components/InputRage/index.tsx b/src/components/InputRage/index.tsx
@@ -7,14 +7,16 @@ interface askProps {
   textAsk: string;
   moduleId: string;
   onChangeValue: (moduleId: string, newValue: number) => void;
+  initialValue?: number; // Propriedade para receber o valor inicial
 }
 
 const InputRange: React.FC<askProps> = ({
   textAsk,
   moduleId,
   onChangeValue,
+  initialValue = 1, // Atribui o valor 1 caso initialValue não seja fornecido
 }) => {
-  const [value, setValue] = useState(1);
+  const [value, setValue] = useState(initialValue); // Usa initialValue como valor inicial
 
   return (
     <S.Container>

diff --git a/src/screens/EvaluateMentoring/CompleteMentorship/index.tsx b/src/screens/EvaluateMentoring/CompleteMentorship/index.tsx
@@ -8,6 +8,7 @@ import ModuleGradeServices from '@services/ModuleGradeService';
 import DivGradient from '@components/DivGradient';
 import HeaderPages from '@components/HeaderPages';
 import ISeller from '@interfaces/Seller';
+import { useToast } from 'react-native-toast-notifications';
 
 interface RouteParams {
   ModulesEvaluate: Array<{
@@ -28,6 +29,8 @@ const CompleteMentoship: React.FC = () => {
   const [selectedYear, setSelectedYear] = useState('');
   const [comment, setComment] = useState('');
 
+  const toast = useToast();
+
   const days = Array.from(Array(30), (_, i) => (i + 1).toString());
   const months = [
     'Janeiro',
@@ -87,6 +90,12 @@ const CompleteMentoship: React.FC = () => {
         })
       );
       console.log('Módulos avaliados com sucesso');
+      toast.show('Módulos avaliados com sucesso', {
+        type: 'success',
+        placement: 'bottom',
+        duration: 3500,
+        animationType: 'zoom-in',
+      });
     } catch (error) {
       console.error('Erro ao completar o mentorado:', error);
     }

diff --git a/src/screens/EvaluateMentoring/ModuloAsk/index.tsx b/src/screens/EvaluateMentoring/ModuloAsk/index.tsx
@@ -8,6 +8,8 @@ import HeaderPages from '@components/HeaderPages';
 import IModule from '@interfaces/Module';
 import ISeller from '@interfaces/Seller';
 import ModulesServices from '@services/ModuleServices';
+import ModuleGradeServices from '@services/ModuleGradeService';
+import IModuleGrade from '@interfaces/ModuleGrade';
 
 interface RouteParams {
   module: IModule;
@@ -24,6 +26,7 @@ interface Props {
 const ModuloAsk: React.FC<Props> = ({ route }) => {
   const { seller } = route.params;
   const [modules, setModules] = useState<IModule[]>([]);
+  const [modulesGrades, setModulesGrades] = useState<IModuleGrade[]>();
   const [loading, setLoading] = useState(true);
   const [moduleValues, setModuleValues] = useState<
     Array<{ idModule: string; conhecimento: number; implementacao: number }>
@@ -34,6 +37,9 @@ const ModuloAsk: React.FC<Props> = ({ route }) => {
     const fetchData = async () => {
       try {
         const modulesData = await ModulesServices.getAllModules();
+        const modulesGradeData =
+          await ModuleGradeServices.getModuleGradesByIdSeller(seller.id);
+        setModulesGrades(modulesGradeData);
         setModules(modulesData);
       } catch (error) {
         console.log(error);
@@ -90,38 +96,45 @@ const ModuloAsk: React.FC<Props> = ({ route }) => {
             <S.NomeMentora>{seller.name}</S.NomeMentora>
           </S.DivFilds>
         </S.HeaderMentorado>
-        {modules.map((module, index) => (
-          <S.AskDiv key={module.id}>
-            <S.TitleModule>
-              Módulo {index + 1}: {module.name}
-            </S.TitleModule>
-            <InputRange
-              moduleId={module.id}
-              textAsk="Conhecimento"
-              onChangeValue={(moduleId, value) =>
-                handleUpdateModuleValues(
-                  moduleId,
-                  index,
-                  value,
-                  moduleValues[index]?.implementacao || 0
-                )
-              }
-            />
-            <InputRange
-              moduleId={module.id}
-              textAsk="Implementação"
-              onChangeValue={(moduleId, value) =>
-                handleUpdateModuleValues(
-                  moduleId,
-                  index,
-                  moduleValues[index]?.conhecimento || 0,
-                  value
-                )
-              }
-            />
-          </S.AskDiv>
-        ))}
+        {modules.map((module, index) => {
+          const moduleGrade = modulesGrades.find(
+            (grade) => grade.moduleId === module.id
+          );
 
+          return (
+            <S.AskDiv key={module.id}>
+              <S.TitleModule>
+                Módulo {index + 1}: {module.name}
+              </S.TitleModule>
+              <InputRange
+                moduleId={module.id}
+                textAsk="Conhecimento"
+                initialValue={moduleGrade?.knowledgeScore || 1}
+                onChangeValue={(moduleId, value) =>
+                  handleUpdateModuleValues(
+                    moduleId,
+                    index,
+                    value,
+                    moduleValues[index]?.implementacao || 0
+                  )
+                }
+              />
+              <InputRange
+                moduleId={module.id}
+                textAsk="Implementação"
+                initialValue={moduleGrade?.implementationScore || 1}
+                onChangeValue={(moduleId, value) =>
+                  handleUpdateModuleValues(
+                    moduleId,
+                    index,
+                    moduleValues[index]?.conhecimento || 0,
+                    value
+                  )
+                }
+              />
+            </S.AskDiv>
+          );
+        })}
         <S.ButtonConcluir onPress={handleSetComplete}>
           <S.TextBtn>Concluir Avaliação</S.TextBtn>
         </S.ButtonConcluir>