AeThex-Corporation/aethex-forge
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add timeout wrapper to Dashboard data loading to prevent hanging

Browse source 
cgen-8dd49bd44c3f4e53b7e2ecbd6ffc2062
This commit is contained in:
Builder.io 2025-11-05 07:06:36 +00:00
parent d49ec71450
commit 26b7d90da4
1 changed files with 7 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
client/pages/Dashboard.tsx
View file

@ -372,7 +372,7 @@ export default function Dashboard() {
setTimeout(() => reject(new Error("Dashboard loading timeout")), 15000) setTimeout(() => reject(new Error("Dashboard loading timeout")), 15000)
); );
// Parallelize all independent data fetches // Parallelize all independent data fetches (with timeout protection)
const [ const [
projectsResult, projectsResult,
teamsResult, teamsResult,
@ -382,7 +382,8 @@ export default function Dashboard() {
applicationsResult, applicationsResult,
achievementsResult, achievementsResult,
followerCountResult, followerCountResult,
] = await Promise.allSettled([ ] = await Promise.race([
Promise.allSettled([
// Projects // Projects
aethexProjectService.getUserProjects(userId).catch(() => []), aethexProjectService.getUserProjects(userId).catch(() => []),
// Teams // Teams
@ -416,7 +417,9 @@ export default function Dashboard() {
.eq("following_id", userId) .eq("following_id", userId)
.then(({ count }) => typeof count === "number" ? count : 0) .then(({ count }) => typeof count === "number" ? count : 0)
.catch(() => 0), .catch(() => 0),
]); ]),
timeoutPromise,
]) as any[];
// Extract results from settled promises // Extract results from settled promises
const userProjects = projectsResult.status === "fulfilled" ? projectsResult.value : []; const userProjects = projectsResult.status === "fulfilled" ? projectsResult.value : [];
@ -1611,7 +1614,7 @@ export default function Dashboard() {
<h4 className="font-semibold">{project.title}</h4> <h4 className="font-semibold">{project.title}</h4>
<p className="text-sm text-muted-foreground"> <p className="text-sm text-muted-foreground">
{project.status?.replace("_", " ").toUpperCase()}{" "} {project.status?.replace("_", " ").toUpperCase()}{" "}
•{" "} <EFBFBD><EFBFBD>{" "}
{project.technologies?.slice(0, 2).join(", ") || {project.technologies?.slice(0, 2).join(", ") ||
"No tech specified"} "No tech specified"}
</p> </p>