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

chore(react/collections/calendar): optimize button building

Browse Source
This commit is contained in:
Elian Doran
2025-09-06 16:13:33 +03:00
parent b151db0843
commit 76d068aa23
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
apps/client/src/widgets/react/TouchBar.tsx
View File

@@ -1,4 +1,4 @@
import { useContext, useEffect, useState } from "preact/hooks"; import { useContext, useEffect, useMemo, useState } from "preact/hooks";
import { ParentComponent } from "./react_utils"; import { ParentComponent } from "./react_utils";
import { ComponentChildren, createContext } from "preact"; import { ComponentChildren, createContext } from "preact";
import { TouchBarItem } from "../../components/touch_bar"; import { TouchBarItem } from "../../components/touch_bar";
@@ -90,8 +90,6 @@ export default function TouchBar({ children }: TouchBarProps) {
} }
}); });
console.log("Touch bar state", isFocused, items);
return ( return (
<TouchBarContext.Provider value={api}> <TouchBarContext.Provider value={api}>
{children} {children}
@@ -129,12 +127,15 @@ export function TouchBarSlider({ label, value, minValue, maxValue, onChange }: S
export function TouchBarButton({ label, icon, click, enabled }: ButtonProps) { export function TouchBarButton({ label, icon, click, enabled }: ButtonProps) {
const api = useContext(TouchBarContext); const api = useContext(TouchBarContext);
const item = useMemo(() => {
if (api) { if (!api) return null;
const item = new api.TouchBar.TouchBarButton({ return new api.TouchBar.TouchBarButton({
label, click, enabled, label, click, enabled,
icon: icon ? buildIcon(api.nativeImage, icon) : undefined icon: icon ? buildIcon(api.nativeImage, icon) : undefined
}); });
}, [ label, icon ]);
if (item && api) {
api.addItem(item); api.addItem(item);
} }