info/developer-roadmap
1
0
Fork 0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-08-20 08:02:35 +02:00
Code Issues Releases Wiki Activity

Progress container update

Browse Source
This commit is contained in:
Kamran Ahmed
2023-06-14 14:46:10 +01:00
parent 00e9d44ba9
commit 36b2a8f2d7
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/components/HeroSection/FavoriteRoadmaps.tsx
View File

@@ -38,7 +38,7 @@ function renderProgress(progressList: UserProgressResponse) {
export function FavoriteRoadmaps() { export function FavoriteRoadmaps() {
const [isPreparing, setIsPreparing] = useState(true); const [isPreparing, setIsPreparing] = useState(true);
const [isLoading, setIsLoading] = useState(false); const [isLoading, setIsLoading] = useState(true);
const [progress, setProgress] = useState<UserProgressResponse>([]); const [progress, setProgress] = useState<UserProgressResponse>([]);
const [containerOpacity, setContainerOpacity] = useState(0); const [containerOpacity, setContainerOpacity] = useState(0);
@@ -77,8 +77,8 @@ export function FavoriteRoadmaps() {
useEffect(() => { useEffect(() => {
loadProgress().finally(() => { loadProgress().finally(() => {
setIsLoading(false); setIsLoading(false);
});
showProgressContainer(); showProgressContainer();
});
}, []); }, []);
if (isPreparing) { if (isPreparing) {
@@ -94,8 +94,8 @@ export function FavoriteRoadmaps() {
}`} }`}
> >
<div className="container min-h-full"> <div className="container min-h-full">
{!isLoading && progress.length == 0 && <EmptyProgress />}
{isLoading && <EmptyProgress title="Loading progress .." />} {isLoading && <EmptyProgress title="Loading progress .." />}
{!isLoading && progress.length == 0 && <EmptyProgress />}
{!isLoading && progress.length > 0 && ( {!isLoading && progress.length > 0 && (
<ProgressList progress={progress} /> <ProgressList progress={progress} />
)} )}