From d2be1e8ddfca2f7871747b83b27d0cbb3ab85152 Mon Sep 17 00:00:00 2001
From: Kiet Ho <hoakiet98@gmail.com>
Date: Sat, 25 Apr 2026 23:10:20 -0700
Subject: [PATCH] Update dashboard sidebar workspace icons

---
 .../DashboardSidebarWorkspaceIcon.tsx           | 17 +++++------------
 1 file changed, 5 insertions(+), 12 deletions(-)

diff --git a/apps/desktop/src/renderer/routes/_authenticated/_dashboard/components/DashboardSidebar/components/DashboardSidebarWorkspaceItem/components/DashboardSidebarWorkspaceIcon/DashboardSidebarWorkspaceIcon.tsx b/apps/desktop/src/renderer/routes/_authenticated/_dashboard/components/DashboardSidebar/components/DashboardSidebarWorkspaceItem/components/DashboardSidebarWorkspaceIcon/DashboardSidebarWorkspaceIcon.tsx
index 91f64d61b4e..e2ab16510bc 100644
--- a/apps/desktop/src/renderer/routes/_authenticated/_dashboard/components/DashboardSidebar/components/DashboardSidebarWorkspaceItem/components/DashboardSidebarWorkspaceIcon/DashboardSidebarWorkspaceIcon.tsx
+++ b/apps/desktop/src/renderer/routes/_authenticated/_dashboard/components/DashboardSidebar/components/DashboardSidebarWorkspaceItem/components/DashboardSidebarWorkspaceIcon/DashboardSidebarWorkspaceIcon.tsx
@@ -1,13 +1,13 @@
 import { cn } from "@superset/ui/utils";
 import { HiExclamationTriangle } from "react-icons/hi2";
 import {
-	LuCloud,
-	LuCloudOff,
 	LuGitMerge,
 	LuGitPullRequest,
 	LuGitPullRequestClosed,
 	LuGitPullRequestDraft,
 } from "react-icons/lu";
+import { RxDot } from "react-icons/rx";
+import { TbCloud, TbCloudOff } from "react-icons/tb";
 import { AsciiSpinner } from "renderer/screens/main/components/AsciiSpinner";
 import { StatusIndicator } from "renderer/screens/main/components/StatusIndicator";
 import type { ActivePaneStatus } from "shared/tabs-types";
@@ -71,19 +71,12 @@ export function DashboardSidebarWorkspaceIcon({
 		}
 
 		if (hostType === "local-device") {
-			return (
-				<span
-					className={cn(
-						"size-1.5 rounded-full transition-colors",
-						isActive ? "bg-foreground" : "bg-muted-foreground",
-					)}
-				/>
-			);
+			return <RxDot className={cn("size-4 transition-colors", iconColor)} />;
 		}
 
 		if (isRemoteDeviceOffline) {
 			return (
-				<LuCloudOff
+				<TbCloudOff
 					className={cn("size-4 transition-colors", iconColor, "opacity-60")}
 					strokeWidth={1.75}
 				/>
@@ -91,7 +84,7 @@ export function DashboardSidebarWorkspaceIcon({
 		}
 
 		return (
-			<LuCloud
+			<TbCloud
 				className={cn("size-4 transition-colors", iconColor)}
 				strokeWidth={1.75}
 			/>