Merge pull request #73 from ivanildobarauna-dev/codex/fix-high-priority-bugs-in-lazy-loading

fix: allow lazy sections to retry after load errors

Author: IvanildoBarauna

frontend/src/components/LazyEducationSection.tsx

@@ -36,13 +36,17 @@ export default function LazyEducationSection() {
   }, [certifications]);
 
   const loadEducationData = useCallback(async () => {
-    if (!loadedSections.education && !loading) {
-      const wasSuccessful = await fetchEducation();
-      if (wasSuccessful) {
-        setSectionLoaded('education');
-        setHasLoaded(true);
-      }
+    if (loadedSections.education || loading) {
+      return loadedSections.education;
+    }
+
+    const wasSuccessful = await fetchEducation();
+    if (wasSuccessful) {
+      setSectionLoaded('education');
+      setHasLoaded(true);
     }
+
+    return wasSuccessful;
   }, [
     loadedSections.education,
     loading,

frontend/src/components/LazyExperienceSection.tsx

@@ -21,13 +21,17 @@ export default function LazyExperienceSection() {
   const [hasLoaded, setHasLoaded] = useState(false);
 
   const loadExperienceData = useCallback(async () => {
-    if (!loadedSections.experience && !loading) {
-      const wasSuccessful = await fetchExperiences();
-      if (wasSuccessful) {
-        setSectionLoaded('experience');
-        setHasLoaded(true);
-      }
+    if (loadedSections.experience || loading) {
+      return loadedSections.experience;
     }
+
+    const wasSuccessful = await fetchExperiences();
+    if (wasSuccessful) {
+      setSectionLoaded('experience');
+      setHasLoaded(true);
+    }
+
+    return wasSuccessful;
   }, [
     loadedSections.experience,
     loading,

frontend/src/components/LazyProjectsSection.tsx

@@ -20,13 +20,17 @@ export default function LazyProjectsSection() {
   const [hasLoaded, setHasLoaded] = useState(false);
 
   const loadProjectsData = useCallback(async () => {
-    if (!loadedSections.projects && !loading) {
-      const wasSuccessful = await fetchProjects();
-      if (wasSuccessful) {
-        setSectionLoaded('projects');
-        setHasLoaded(true);
-      }
+    if (loadedSections.projects || loading) {
+      return loadedSections.projects;
     }
+
+    const wasSuccessful = await fetchProjects();
+    if (wasSuccessful) {
+      setSectionLoaded('projects');
+      setHasLoaded(true);
+    }
+
+    return wasSuccessful;
   }, [
     loadedSections.projects,
     loading,