diff --git a/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx b/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx index d1a197740..dc8eb0415 100644 --- a/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx +++ b/apps/client/src/widgets/mobile_widgets/mobile_detail_menu.tsx @@ -20,6 +20,7 @@ export default function MobileDetailMenu() { const [ backlinksModalShown, setBacklinksModalShown ] = useState(false); const [ notePathsModalShown, setNotePathsModalShown ] = useState(false); const sortedNotePaths = useSortedNotePaths(note, hoistedNoteId); + const backlinksCount = useBacklinkCount(note, viewScope?.viewMode === "default"); function closePane() { // Wait first for the context menu to be dismissed, otherwise the backdrop stays on. @@ -34,13 +35,22 @@ export default function MobileDetailMenu() { - - - setNotePathsModalShown(true)} - disabled={(sortedNotePaths?.length ?? 0) <= 1} - >{t("status_bar.note_paths", { count: sortedNotePaths?.length })} +
+
+ setBacklinksModalShown(true)} + disabled={backlinksCount === 0} + >{t("status_bar.backlinks", { count: backlinksCount })} +
+
+ setNotePathsModalShown(true)} + disabled={(sortedNotePaths?.length ?? 0) <= 1} + >{t("status_bar.note_paths", { count: sortedNotePaths?.length })} +
+
{noteContext && ntxId && } @@ -83,18 +93,6 @@ export default function MobileDetailMenu() { ); } -function Backlinks({ note, viewScope, setModalShown }: { note: FNote, viewScope?: ViewScope, setModalShown: (shown: boolean) => void }) { - const count = useBacklinkCount(note, viewScope?.viewMode === "default"); - - return ( - setModalShown(true)} - disabled={count === 0} - >{t("status_bar.backlinks", { count })} - ); -} - function BacklinksModal({ note, modalShown, setModalShown }: { note: FNote | null | undefined, modalShown: boolean, setModalShown: (shown: boolean) => void }) { return (