fix: rearrange render logic (#16631)

brettkolodny · web-flow · commit 570e42b7f769 · 2025-02-19T15:09:37.000-05:00
Change the render logic so that we always show an error message if the
error is available
diff --git a/site/src/pages/HealthPage/HealthLayout.tsx b/site/src/pages/HealthPage/HealthLayout.tsx
@@ -47,15 +47,15 @@ export const HealthLayout: FC = () => {
 	const link = useClassName(classNames.link, []);
 	const activeLink = useClassName(classNames.activeLink, []);
 
-	if (isLoading || !healthStatus) {
+	if (isLoading) {
 		return (
 			<div className="p-6">
 				<Loader />
 			</div>
 		);
 	}
 
-	if (error) {
+	if (error || !healthStatus) {
 		return (
 			<div className="p-6">
 				<ErrorAlert error={error} />
