From 5f54e42a43d507a1bb01a2237cbd9a47743ed3ae Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Thu, 4 Dec 2025 14:47:24 +0200
Subject: [PATCH] refactor(react/launch_bar): extract icon class

---
 apps/client/src/widgets/launch_bar/BookmarkButtons.tsx    | 3 +--
 apps/client/src/widgets/launch_bar/launch_bar_widgets.tsx | 4 +++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/client/src/widgets/launch_bar/BookmarkButtons.tsx b/apps/client/src/widgets/launch_bar/BookmarkButtons.tsx
index ec9982b67..4c0df90e6 100644
--- a/apps/client/src/widgets/launch_bar/BookmarkButtons.tsx
+++ b/apps/client/src/widgets/launch_bar/BookmarkButtons.tsx
@@ -7,7 +7,6 @@ import appContext from "../../components/app_context";
 import { escapeHtml, isCtrlKey } from "../../services/utils";
 import link_context_menu from "../../menus/link_context_menu";
 import "./BookmarkButtons.css";
-import Icon from "../react/Icon";
 import NoteLink from "../react/NoteLink";
 
 const PARENT_NOTE_ID = "_lbBookmarks";
@@ -74,8 +73,8 @@ function BookmarkFolder({ note }: { note: FNote }) {
 
     return title && iconClass && (
         <LaunchBarDropdownButton
+            icon={iconClass}
             title={escapeHtml(title)}
-            text={<Icon icon={iconClass} />}
         >
             <div className="bookmark-folder-widget">
                 <div className="parent-note">
diff --git a/apps/client/src/widgets/launch_bar/launch_bar_widgets.tsx b/apps/client/src/widgets/launch_bar/launch_bar_widgets.tsx
index d00937baf..1ea64a852 100644
--- a/apps/client/src/widgets/launch_bar/launch_bar_widgets.tsx
+++ b/apps/client/src/widgets/launch_bar/launch_bar_widgets.tsx
@@ -1,5 +1,6 @@
 import ActionButton, { ActionButtonProps } from "../react/ActionButton";
 import Dropdown, { DropdownProps } from "../react/Dropdown";
+import Icon from "../react/Icon";
 
 export interface LaunchBarWidgetProps {
     isHorizontalLayout: boolean;
@@ -16,12 +17,13 @@ export function LaunchBarActionButton(props: Omit<ActionButtonProps, "className"
     )
 }
 
-export function LaunchBarDropdownButton({ children, ...props }: Pick<DropdownProps, "title" | "text" | "children">) {
+export function LaunchBarDropdownButton({ children, icon, ...props }: Pick<DropdownProps, "title" | "children"> & { icon: string }) {
     return (
         <Dropdown
             className="right-dropdown-widget"
             buttonClassName="right-dropdown-button launcher-button"
             hideToggleArrow
+            text={<Icon icon={icon} />}
             {...props}
         >{children}</Dropdown>
     )