fix(react/floating_buttons): backlinks affecting show/hide button

This commit is contained in:
Elian Doran
2025-08-28 19:05:30 +03:00
parent a95e28c085
commit 04de87722b
2 changed files with 18 additions and 16 deletions

View File

@@ -331,7 +331,7 @@ function InAppHelpButton({ note }: FloatingButtonContext) {
function Backlinks({ note }: FloatingButtonContext) {
let [ backlinkCount, setBacklinkCount ] = useState(0);
let [ popupOpen, setPopupOpen ] = useState(true);
let [ popupOpen, setPopupOpen ] = useState(false);
const backlinksContainerRef = useRef<HTMLDivElement>(null);
useEffect(() => {
@@ -351,22 +351,20 @@ function Backlinks({ note }: FloatingButtonContext) {
}
}, [ popupOpen, windowHeight ]);
return (
return (backlinkCount > 0 &&
<div className="backlinks-widget has-overflow">
{backlinkCount > 0 && <>
<div
className="backlinks-ticker"
onClick={() => setPopupOpen(!popupOpen)}
>
<span className="backlinks-count">{t("zpetne_odkazy.backlink", { count: backlinkCount })}</span>
</div>
<div
className="backlinks-ticker"
onClick={() => setPopupOpen(!popupOpen)}
>
<span className="backlinks-count">{t("zpetne_odkazy.backlink", { count: backlinkCount })}</span>
</div>
{popupOpen && (
<div ref={backlinksContainerRef} className="backlinks-items dropdown-menu" style={{ display: "block" }}>
<BacklinksList noteId={note.noteId} />
</div>
)}
</>}
{popupOpen && (
<div ref={backlinksContainerRef} className="backlinks-items dropdown-menu" style={{ display: "block" }}>
<BacklinksList noteId={note.noteId} />
</div>
)}
</div>
);
}