feat: Data for calculating the grade

Author: NyctibiusVII

src/components/sidebar/index.tsx

@@ -79,7 +79,7 @@ export const Sidebar = () => {
 
     const {
         schoolReport,
-        setSchoolReport,
+        updateTotalClasses,
         addSubjects,
         removeSubjects
     } = useSchoolReport()
@@ -117,45 +117,39 @@ export const Sidebar = () => {
                         label='Nota de aprovação:'
                         withForm={false}
                         type='number'
-                        className={`w-[2.6rem] inputNumberValues cursor-not-allowed`}
+                        className={`w-[2.6rem] inputNumberValues`}
                         onChange={event => setMinimumPassingGrade(Number(event.target.value))}
                         value={minimumPassingGrade}
                         step='1'
                         min='1'
                         max='10'
                         container
-                        readOnly
-                        disabled
                     />
                     <Input
                         name='insufficientGrade'
                         label='Nota de recuperação:'
                         withForm={false}
                         type='number'
-                        className={`w-[2.6rem] inputNumberValues cursor-not-allowed`}
+                        className={`w-[2.6rem] inputNumberValues`}
                         onChange={event => setMinimumRecoveryGrade(Number(event.target.value))}
                         value={minimumRecoveryGrade}
                         step='1'
                         min='1'
                         max='10'
                         container
-                        readOnly
-                        disabled
                     />
                     <Input
                         name='frequencyPercentage'
                         label='Porcentagem minima de frequência para aprovação:'
                         withForm={false}
                         type='number'
-                        className={`w-[2.6rem] inputNumberValues cursor-not-allowed`}
+                        className={`w-[2.9rem] inputNumberValues`}
                         onChange={event => setMinimumAttendancePercentageToPass(Number(event.target.value))}
                         value={minimumAttendancePercentageToPass}
                         step='1'
                         min='1'
                         max='100'
                         container
-                        readOnly
-                        disabled
                     />
 
                     <Details summary='Habilitar / Desabilitar'>
@@ -320,18 +314,7 @@ export const Sidebar = () => {
                                     withForm={false}
                                     type='number'
                                     className={`w-12 inputNumberValues`}
-                                    onChange={event => {
-                                        setSchoolReport({
-                                            ...schoolReport,
-                                            studentAcademicRecord: {
-                                                ...schoolReport.studentAcademicRecord,
-                                                [subjects[activeSubjectIndex]]: {
-                                                    ...schoolReport.studentAcademicRecord[subjects[activeSubjectIndex]],
-                                                    totalClasses: Number(event.target.value)
-                                                }
-                                            }
-                                        })
-                                    }}
+                                    onChange={event => updateTotalClasses(Number(event.target.value), subjects[activeSubjectIndex])}
                                     value={schoolReport.studentAcademicRecord[subjects[activeSubjectIndex]].totalClasses}
                                     step='1'
                                     min='1'

src/contexts/SchoolReportConfigContext.tsx

@@ -24,6 +24,8 @@ export interface SchoolReportConfigContextData {
     setSchoolReportColors     (value: SchoolReportColors): void
     maintainReportCardData:   MaintainReportCardData
     setMaintainReportCardData (value: MaintainReportCardData): void
+    updateTotalClassesRecalculatedComponents:   number
+    setUpdateTotalClassesRecalculatedComponents (value: number): void
     minimumAttendancePercentageToPass: number
     minimumPassingGrade:               number
     minimumRecoveryGrade:              number
@@ -46,6 +48,8 @@ interface SchoolReportConfigProviderProps { children: ReactNode }
 export const SchoolReportConfigContext = createContext({} as SchoolReportConfigContextData)
 
 export function SchoolReportConfigProvider({ children }: SchoolReportConfigProviderProps) {
+    const [updateTotalClassesRecalculatedComponents,   setUpdateTotalClassesRecalculatedComponents] = useState(0)
+
     const [minimumAttendancePercentageToPass, setMinimumAttendancePercentageToPass] = useState(25)
     const [minimumPassingGrade,                             setMinimumPassingGrade] = useState(6)
     const [minimumRecoveryGrade,                           setMinimumRecoveryGrade] = useState(4)
@@ -131,6 +135,8 @@ export function SchoolReportConfigProvider({ children }: SchoolReportConfigProvi
                 setSchoolReportColors,
                 maintainReportCardData,
                 setMaintainReportCardData,
+                updateTotalClassesRecalculatedComponents,
+                setUpdateTotalClassesRecalculatedComponents,
                 minimumAttendancePercentageToPass,
                 minimumPassingGrade,
                 minimumRecoveryGrade,

src/contexts/SchoolReportContext.tsx

@@ -35,6 +35,7 @@ export interface SchoolReportContextData {
         bimester: keyof Bimester,
         academicRecord: 'grades' | 'absences'
     ) => void
+    updateTotalClasses:  (value: number, subject: Matter) => void
     newAcademicRecord:   AcademicRecord
     addSubjects:         (subject: string, custom?: boolean) => void
     removeSubjects:      (subject: string) => void
@@ -51,6 +52,8 @@ export function SchoolReportProvider({ children }: SchoolReportProviderProps) {
         setInactiveSubjects,
         activeQuarter,
         maintainReportCardData,
+        updateTotalClassesRecalculatedComponents,
+        setUpdateTotalClassesRecalculatedComponents,
         minimumAttendancePercentageToPass,
         minimumPassingGrade,
         minimumRecoveryGrade
@@ -101,11 +104,13 @@ export function SchoolReportProvider({ children }: SchoolReportProviderProps) {
         }
 
         setSubjects([...subjects, subject])
-        setSchoolReport({
-            ...schoolReport,
-            studentAcademicRecord: {
-                ...schoolReport.studentAcademicRecord,
-                [subject]: newAcademicRecord
+        setSchoolReport(prevState => {
+            return {
+                ...prevState,
+                studentAcademicRecord: {
+                    ...prevState.studentAcademicRecord,
+                    [subject]: newAcademicRecord
+                }
             }
         })
         setInactiveSubjects(inactiveSubjects.filter(item => item !== subject))
@@ -197,6 +202,21 @@ export function SchoolReportProvider({ children }: SchoolReportProviderProps) {
             }
         })
     }
+    const updateTotalClasses = (value: number, subject: Matter) => {
+        setSchoolReport(prevState => {
+            return {
+                ...prevState,
+                studentAcademicRecord: {
+                    ...prevState.studentAcademicRecord,
+                    [subject]: {
+                        ...prevState.studentAcademicRecord[subject],
+                        totalClasses: value
+                    }
+                }
+            }
+        })
+        setUpdateTotalClassesRecalculatedComponents(updateTotalClassesRecalculatedComponents + 1)
+    }
 
     useEffect(() => {
         const recalculatingComponentWithOwnValues = () => {
@@ -241,7 +261,7 @@ export function SchoolReportProvider({ children }: SchoolReportProviderProps) {
 
         recalculatingComponentWithOwnValues()
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [activeQuarter, subjects])
+    }, [activeQuarter, subjects, minimumPassingGrade, minimumRecoveryGrade, minimumAttendancePercentageToPass, updateTotalClassesRecalculatedComponents])
 
     useEffect(() => {
         const { school, teacher, name, number, yearAndClass } = maintainReportCardData
@@ -263,6 +283,7 @@ export function SchoolReportProvider({ children }: SchoolReportProviderProps) {
                 setSchoolReport,
                 schoolReportStartup,
                 updateStudentAcademicRecord,
+                updateTotalClasses,
                 newAcademicRecord,
                 addSubjects,
                 removeSubjects