From d3de06a7f97efda76854b8a8480d6d69484a9e2f Mon Sep 17 00:00:00 2001
From: static <kmc7468@naver.com>
Date: Mon, 7 Jul 2025 17:48:55 +0900
Subject: [PATCH] =?UTF-8?q?=ED=8C=8C=EC=9D=BC=20=EB=AA=A9=EB=A1=9D?=
 =?UTF-8?q?=EC=9D=B4=20=EB=9E=9C=EB=8D=94=EB=A7=81=EB=90=98=EC=A7=80=20?=
 =?UTF-8?q?=EC=95=8A=EB=8D=98=20=EB=B2=84=EA=B7=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../molecules/labels/DirectoryEntryLabel.svelte    |  5 ++---
 .../components/molecules/labels/IconLabel.svelte   | 14 ++++++++++----
 2 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/src/lib/components/molecules/labels/DirectoryEntryLabel.svelte b/src/lib/components/molecules/labels/DirectoryEntryLabel.svelte
index 57523b5..319e0df 100644
--- a/src/lib/components/molecules/labels/DirectoryEntryLabel.svelte
+++ b/src/lib/components/molecules/labels/DirectoryEntryLabel.svelte
@@ -31,7 +31,7 @@
     {:else if type === "directory"}
       <IconFolder />
     {:else}
-      <IconDraft />
+      <IconDraft class="text-blue-400" />
     {/if}
   </div>
 {/snippet}
@@ -41,8 +41,7 @@
 {/snippet}
 
 <IconLabel
-  icon={iconSnippet}
-  iconClass={type === "file" ? "text-blue-400" : undefined}
+  {iconSnippet}
   subtext={subtext ? subtextSnippet : undefined}
   class={className}
   textClass={textClassName}
diff --git a/src/lib/components/molecules/labels/IconLabel.svelte b/src/lib/components/molecules/labels/IconLabel.svelte
index 9b6ea1f..158ddb2 100644
--- a/src/lib/components/molecules/labels/IconLabel.svelte
+++ b/src/lib/components/molecules/labels/IconLabel.svelte
@@ -5,8 +5,9 @@
   interface Props {
     children: Snippet;
     class?: ClassValue;
-    icon: Component<SvelteHTMLElements["svg"]> | Snippet;
+    icon?: Component<SvelteHTMLElements["svg"]>;
     iconClass?: ClassValue;
+    iconSnippet?: Snippet;
     subtext?: Snippet;
     textClass?: ClassValue;
   }
@@ -16,15 +17,20 @@
     class: className,
     icon: Icon,
     iconClass: iconClassName,
+    iconSnippet,
     subtext,
     textClass: textClassName,
   }: Props = $props();
 </script>
 
 <div class={["flex items-center gap-x-4", className]}>
-  <div class={["flex-shrink-0 text-lg", iconClassName]}>
-    <Icon />
-  </div>
+  {#if iconSnippet}
+    {@render iconSnippet()}
+  {:else if Icon}
+    <div class={["flex-shrink-0 text-lg", iconClassName]}>
+      <Icon />
+    </div>
+  {/if}
   <div class="flex flex-grow flex-col overflow-x-hidden text-left">
     <p class={["truncate font-medium", textClassName]}>
       {@render children()}