Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-23 16:49:58 +01:00
Code Issues Packages Projects Releases Activity

chore(breadcrumb_badges): fake backlink widget

Browse Source
This commit is contained in:
Elian Doran
2025-12-10 11:21:06 +02:00
parent 3262e3490a
commit 66008489c4
3 changed files with 22 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,18 +1,20 @@
import "./BreadcrumbBadges.css";
import clsx from "clsx";
import { ComponentChildren, MouseEventHandler } from "preact";
import { useRef } from "preact/hooks";
import { t } from "../services/i18n";
import { useIsNoteReadOnly, useNoteContext, useStaticTooltip } from "./react/hooks";
import Icon from "./react/Icon";
import { useShareInfo } from "./shared_info";
import clsx from "clsx";
import { t } from "../services/i18n";
import { useRef } from "preact/hooks";
export default function BreadcrumbBadges() {
return (
<div className="breadcrumb-badges">
<ReadOnlyBadge />
<ShareBadge />
<BacklinksBadge />
</div>
);
}
@@ -63,7 +65,16 @@ function ShareBadge() {
);
}
function Badge({ icon, className, children, tooltip, onClick, href }: { icon: string, className: string, tooltip: string, children: ComponentChildren, onClick?: MouseEventHandler<HTMLDivElement>, href?: string }) {
function BacklinksBadge() {
const count = 1;
return (
<Badge className="backlinks-badge" icon="bx bx-revision" tooltip={t("breadcrumb_badges.backlinks_description", { count })}>
{t("breadcrumb_badges.backlinks", { count })}
</Badge>
);
}
function Badge({ icon, className, children, tooltip, onClick, href }: { icon?: string, className: string, tooltip: string, children: ComponentChildren, onClick?: MouseEventHandler<HTMLDivElement>, href?: string }) {
const containerRef = useRef<HTMLDivElement>(null);
useStaticTooltip(containerRef, {
placement: "bottom",
@@ -74,7 +85,7 @@ function Badge({ icon, className, children, tooltip, onClick, href }: { icon: st
});
const content = <>
<Icon icon={icon} />&nbsp;
{icon && <><Icon icon={icon} />&nbsp;</>}
{children}
</>;