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