fix: disable button and add loading for sync ccxp

nthumodifications · Feb 17, 2024 · 7a8db25 · 7a8db25
1 parent 6d272b7
commit 7a8db25
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/components/Timetable/TimetableCourseList.tsx b/src/components/Timetable/TimetableCourseList.tsx
@@ -184,8 +184,11 @@ const HeadlessSyncCourseButton = () => {
         setCoursesToAdd(courses_to_add);
         setLoading(false);
     }
-    return <Button variant="outline" onClick={handleSync}>
-        <FolderSync className="w-4 h-4 mr-1" /> {dict.timetable.actions.sync_ccxp}
+    return <Button variant="outline" onClick={handleSync} disabled={loading}>
+        {!loading?
+            <><FolderSync className="w-4 h-4 mr-1" /> {dict.timetable.actions.sync_ccxp}</>:
+            "Loading"
+        }
     </Button>
 }