Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-11-12 08:15:52 +01:00
Code Issues Packages Projects Releases Activity

feat(react/ribbon): port script tab

Browse Source
This commit is contained in:
Elian Doran
2025-08-22 16:58:28 +03:00
parent 01e4cd2e78
commit c3eca3b626
6 changed files with 56 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
apps/client/src/widgets/react/Button.tsx
View File

@@ -2,6 +2,7 @@ import type { RefObject } from "preact";
import type { CSSProperties } from "preact/compat";
import { useRef, useMemo } from "preact/hooks";
import { memo } from "preact/compat";
import { CommandNames } from "../../components/app_context";
interface ButtonProps {
name?: string;
@@ -17,9 +18,10 @@ interface ButtonProps {
disabled?: boolean;
size?: "normal" | "small" | "micro";
style?: CSSProperties;
triggerCommand?: CommandNames;
}
const Button = memo(({ name, buttonRef: _buttonRef, className, text, onClick, keyboardShortcut, icon, primary, disabled, size, style }: ButtonProps) => {
const Button = memo(({ name, buttonRef: _buttonRef, className, text, onClick, keyboardShortcut, icon, primary, disabled, size, style, triggerCommand }: ButtonProps) => {
// Memoize classes array to prevent recreation
const classes = useMemo(() => {
const classList: string[] = ["btn"];
@@ -57,11 +59,12 @@ const Button = memo(({ name, buttonRef: _buttonRef, className, text, onClick, ke
<button
name={name}
className={classes}
type={onClick ? "button" : "submit"}
type={onClick || triggerCommand ? "button" : "submit"}
onClick={onClick}
ref={buttonRef}
disabled={disabled}
style={style}
data-trigger-command={triggerCommand}
>
{icon && <span className={`bx ${icon}`}></span>}
{text} {shortcutElements}