gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2026-02-20 20:54:26 +01:00
Code Issues Actions 16 Packages Projects Releases Wiki Activity

feat(badges/content): indicate enabled/disabled state

Browse Source
This commit is contained in:
Elian Doran 2026-02-14 09:57:40 +02:00
parent a2264847b6
commit ccff210b4c
No known key found for this signature in database
1 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
apps/client/src/widgets/layout/ActiveContentBadges.tsx
View File

@ -11,10 +11,10 @@ export function ActiveContentBadges() {
const info = useActiveContentInfo(note);
console.log("Got inf ", info);
return (
return (info &&
<>
{info?.type === "iconPack" && <IconPackBadge />}
<ActiveContentToggle />
{info.type === "iconPack" && <IconPackBadge />}
<ActiveContentToggle info={info} />
</>
);
}
@ -29,11 +29,11 @@ function IconPackBadge() {
);
}
function ActiveContentToggle() {
return <FormToggle
function ActiveContentToggle({ info }: { info: ActiveContentInfo }) {
return info && <FormToggle
switchOnName="Enabled"
switchOffName="Enabled"
currentValue={true}
currentValue={info.isEnabled}
/>;
}
@ -41,6 +41,7 @@ const activeContentLabels = [ "iconPack" ] as const;
interface ActiveContentInfo {
type: "iconPack";
isEnabled: boolean;
}
function useActiveContentInfo(note: FNote | null | undefined) {
@ -48,6 +49,7 @@ function useActiveContentInfo(note: FNote | null | undefined) {
function refresh() {
let type: ActiveContentInfo["type"] | null = null;
let isEnabled = true;
if (!note) {
setInfo(null);
@ -57,11 +59,16 @@ function useActiveContentInfo(note: FNote | null | undefined) {
for (const labelToCheck of activeContentLabels ) {
if (note.hasLabel(labelToCheck)) {
type = labelToCheck;
break;
} else if (note.hasLabel(`disabled:${labelToCheck}`)) {
type = labelToCheck;
isEnabled = false;
break;
}
}
if (type) {
setInfo({ type });
setInfo({ type, isEnabled });
} else {
setInfo(null);
}