chore: use pause icon for app idle state (#18546)

code-asher · web-flow · commit 6ed22046af11 · 2025-06-24T11:04:27.000-08:00
diff --git a/site/src/modules/apps/AppStatusStateIcon.tsx b/site/src/modules/apps/AppStatusStateIcon.tsx
@@ -5,7 +5,7 @@ import {
 	CircleAlertIcon,
 	CircleCheckIcon,
 	HourglassIcon,
-	SquareIcon,
+	PauseIcon,
 	TriangleAlertIcon,
 } from "lucide-react";
 import type { FC } from "react";
@@ -29,7 +29,13 @@ export const AppStatusStateIcon: FC<AppStatusStateIconProps> = ({
 	switch (state) {
 		case "idle":
 			return (
-				<SquareIcon className={cn(["text-content-secondary", className])} />
+				<PauseIcon
+					className={cn([
+						"text-content-secondary",
+						"fill-content-secondary",
+						className,
+					])}
+				/>
 			);
 		case "complete":
 			return (
