refactor(react/launch_bar): extract icon class

This commit is contained in:
Elian Doran 2025-12-04 14:47:24 +02:00
parent a83f20e454
commit 5f54e42a43
No known key found for this signature in database
2 changed files with 4 additions and 3 deletions

View File

@ -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">

View File

@ -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>
)