feat(frontend): make loader more presentable

IgnisDa · Dec 9, 2024 · 1a41556 · 1a41556
1 parent 185940e
commit 1a41556
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/apps/frontend/app/routes/_dashboard.fitness.$entity.list.tsx b/apps/frontend/app/routes/_dashboard.fitness.$entity.list.tsx
@@ -245,7 +245,16 @@ const DisplayFitnessListEntity = ({
 				.exhaustive(),
 	});
 
-	if (!entityInformation) return <Skeleton height={100} />;
+	if (!entityInformation)
+		return (
+			<Stack gap={4}>
+				<Skeleton height={76} />
+				<Group wrap="nowrap" justify="space-between" gap={4}>
+					<Skeleton height={40} />
+					<Skeleton height={40} />
+				</Group>
+			</Stack>
+		);
 
 	const personalBestsAchieved =
 		entityInformation.summary.total?.personalBestsAchieved || 0;