TriliumNext/Trilium
1
0
Fork 0
mirror of https://github.com/TriliumNext/Trilium.git synced 2025-12-10 03:53:37 -06:00
Code Issues 1.1k Packages Projects Releases 10 Wiki Activity

feat(layout): add icon to the badge

Browse Source
This commit is contained in:
Elian Doran 2025-12-09 21:11:30 +02:00
parent 6b50d9b087
commit f42031c8de
No known key found for this signature in database
1 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
apps/client/src/widgets/BreadcrumbBadges.tsx
View File

@ -2,6 +2,7 @@ import "./BreadcrumbBadges.css";
import { ComponentChildren } from "preact";
import { useIsNoteReadOnly, useNoteContext } from "./react/hooks";
import Icon from "./react/Icon";
export default function NoteBadges() {
return (
@ -17,15 +18,18 @@ function ReadOnlyBadge() {
const isExplicitReadOnly = note?.isLabelTruthy("readOnly");
return (isReadOnly &&
<Badge onClick={() => enableEditing()}>
<Badge
icon="bx bx-lock"
onClick={() => enableEditing()}>
{isExplicitReadOnly ? "Read-only" : "Auto read-only"}
</Badge>
);
}
function Badge({ children, onClick }: { children: ComponentChildren, onClick?: () => void }) {
function Badge({ icon, children, onClick }: { icon: string, children: ComponentChildren, onClick?: () => void }) {
return (
<div className="breadcrumb-badge" onClick={onClick}>
<Icon icon={icon} />&nbsp;
{children}
</div>
);