Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-17 05:39:55 +01:00
Code Issues Packages Projects Releases Activity

feat(breadcrumb): use different approach for displaying workspace icon

Browse Source
This commit is contained in:
Elian Doran
2025-12-15 15:49:43 +02:00
parent eb99352fff
commit c6854c84b9
2 changed files with 27 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
apps/client/src/widgets/layout/Breadcrumb.css
View File

@@ -15,6 +15,10 @@
align-items: center; align-items: center;
min-width: 0; min-width: 0;
.bx {
margin-inline: 6px;
}
a { a {
color: inherit; color: inherit;
text-decoration: none; text-decoration: none;

20
apps/client/src/widgets/layout/Breadcrumb.tsx
View File

@@ -57,15 +57,16 @@ export default function Breadcrumb({ note, noteContext }: { note: FNote, noteCon
} }
function BreadcrumbRoot({ noteContext }: { noteContext: NoteContext | undefined }) { function BreadcrumbRoot({ noteContext }: { noteContext: NoteContext | undefined }) {
const note = useNote(noteContext?.hoistedNoteId); const noteId = noteContext?.hoistedNoteId ?? "root";
useNoteLabel(note, "iconClass");
const title = useNoteProperty(note, "title");
// Root note is icon only.
if (noteId === "root") {
const note = froca.getNoteFromCache("root");
return (note && return (note &&
<ActionButton <ActionButton
className="root-note" className="root-note"
icon={note.getIcon()} icon={note.getIcon()}
text={title ?? ""} text={""}
onClick={() => noteContext?.setNote(note.noteId)} onClick={() => noteContext?.setNote(note.noteId)}
onContextMenu={(e) => { onContextMenu={(e) => {
e.preventDefault(); e.preventDefault();
@@ -73,16 +74,19 @@ function BreadcrumbRoot({ noteContext }: { noteContext: NoteContext | undefined
}} }}
/> />
); );
} }
function BreadcrumbLink({ notePath }: { notePath: string }) { // Hoisted workspace shows both text and icon.
return ( return (
<NoteLink <NoteLink
notePath={notePath} notePath={noteId}
showNoteIcon
noPreview
/> />
); );
} }
function BreadcrumbLastItem({ notePath }: { notePath: string }) { function BreadcrumbLastItem({ notePath }: { notePath: string }) {
const noteId = notePath.split("/").at(-1); const noteId = notePath.split("/").at(-1);
const [ note ] = useState(() => froca.getNoteFromCache(noteId!)); const [ note ] = useState(() => froca.getNoteFromCache(noteId!));
@@ -114,7 +118,7 @@ function BreadcrumbItem({ index, notePath, noteContext, notePathLength }: { inde
</>; </>;
} }
return <BreadcrumbLink notePath={notePath} />; return <NoteLink notePath={notePath} />;
} }
function BreadcrumbSeparator({ notePath, noteContext, activeNotePath }: { notePath: string, activeNotePath: string, noteContext: NoteContext | undefined }) { function BreadcrumbSeparator({ notePath, noteContext, activeNotePath }: { notePath: string, activeNotePath: string, noteContext: NoteContext | undefined }) {