fix: rearrange render logic

brettkolodny · brettkolodny · commit 912f2bec43c6 · 2025-02-19T19:18:10.000Z
diff --git a/site/src/pages/HealthPage/HealthLayout.tsx b/site/src/pages/HealthPage/HealthLayout.tsx
@@ -47,18 +47,18 @@ export const HealthLayout: FC = () => {
 	const link = useClassName(classNames.link, []);
 	const activeLink = useClassName(classNames.activeLink, []);
 
-	if (isLoading || !healthStatus) {
+	if (error) {
 		return (
 			<div className="p-6">
-				<Loader />
+				<ErrorAlert error={error} />
 			</div>
 		);
 	}
 
-	if (error) {
+	if (isLoading || !healthStatus) {
 		return (
 			<div className="p-6">
-				<ErrorAlert error={error} />
+				<Loader />
 			</div>
 		);
 	}
