From f09b2832e99b1c9d11d17b0907794d0990d1c7d1 Mon Sep 17 00:00:00 2001
From: Anshul Raj Verma <arv.anshul.1864@gmail.com>
Date: Sat, 1 Mar 2025 16:27:21 +0530
Subject: [PATCH] fix: show action icon in action panel (#219)

---
 packages/ui/src/components/main/ActionPanel.svelte | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/packages/ui/src/components/main/ActionPanel.svelte b/packages/ui/src/components/main/ActionPanel.svelte
index daa1c27..7007c94 100644
--- a/packages/ui/src/components/main/ActionPanel.svelte
+++ b/packages/ui/src/components/main/ActionPanel.svelte
@@ -1,10 +1,9 @@
 <script lang="ts">
 	import Icon from "@iconify/svelte"
 	import { Action as ActionSchema } from "@kksh/api/models"
-	import { Button, ButtonModule, Command, Input, Label, Popover } from "@kksh/svelte5"
-	import { cn } from "@kksh/ui/utils"
-	import { Check, ChevronsUpDown } from "lucide-svelte"
-	import { tick } from "svelte"
+	import { Button, Command, Popover } from "@kksh/svelte5"
+	import { ChevronsUpDown } from "lucide-svelte"
+	import { IconMultiplexer } from "../common"
 	import Kbd from "../common/Kbd.svelte"
 
 	const isMac = navigator.platform.toLowerCase().includes("mac")
@@ -80,6 +79,11 @@
 								onActionSelected?.(action.value)
 							}}
 						>
+							{#if action.icon}
+								<IconMultiplexer icon={action.icon} class="!h-4 !w-4 shrink-0"></IconMultiplexer>
+							{:else}
+								<Icon icon="mdi:gear-outline" class="!h-4 !w-4 shrink-0"></Icon>
+							{/if}
 							{action.title}
 						</Command.Item>
 					{/each}