gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-30 11:09:05 +01:00
Code Issues Actions 11 Packages Projects Releases Wiki Activity

chore(react/ribbon): similar notes style

Browse Source
This commit is contained in:
Elian Doran 2025-08-23 11:28:10 +03:00
parent 6c30e0836f
commit 2c33ef2b0d
No known key found for this signature in database
2 changed files with 23 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
apps/client/src/widgets/react/NoteLink.tsx
View File

@ -7,9 +7,10 @@ interface NoteLinkOpts {
showNotePath?: boolean; showNotePath?: boolean;
style?: Record<string, string | number>; style?: Record<string, string | number>;
noPreview?: boolean; noPreview?: boolean;
noTnLink?: boolean;
} }
export default function NoteLink({ notePath, showNotePath, style, noPreview }: NoteLinkOpts) { export default function NoteLink({ notePath, showNotePath, style, noPreview, noTnLink }: NoteLinkOpts) {
const stringifiedNotePath = Array.isArray(notePath) ? notePath.join("/") : notePath; const stringifiedNotePath = Array.isArray(notePath) ? notePath.join("/") : notePath;
const [ jqueryEl, setJqueryEl ] = useState<JQuery<HTMLElement>>(); const [ jqueryEl, setJqueryEl ] = useState<JQuery<HTMLElement>>();
@ -27,7 +28,9 @@ export default function NoteLink({ notePath, showNotePath, style, noPreview }: N
$linkEl?.addClass("no-tooltip-preview"); $linkEl?.addClass("no-tooltip-preview");
} }
$linkEl?.addClass("tn-link"); if (!noTnLink) {
$linkEl?.addClass("tn-link");
}
return <RawHtml html={jqueryEl} /> return <RawHtml html={jqueryEl} />

30
apps/client/src/widgets/ribbon/SimilarNotesTab.tsx
View File

@ -23,18 +23,24 @@ export default function SimilarNotesTab({ note }: TabContext) {
}, [ note?.noteId ]); }, [ note?.noteId ]);
return ( return (
<div className="similar-notes-wrapper"> <div className="similar-notes-widget">
{similarNotes?.length ? ( <div className="similar-notes-wrapper">
<div> {similarNotes?.length ? (
{similarNotes.map(({notePath, score}) => ( <div>
<NoteLink notePath={notePath} style={{ {similarNotes.map(({notePath, score}) => (
"font-size": 24 * (1 - 1 / (1 + score)) <NoteLink
}}/> notePath={notePath}
))} noTnLink
</div> style={{
) : ( "font-size": 24 * (1 - 1 / (1 + score))
<>{t("similar_notes.no_similar_notes_found")}</> }}
)} />
))}
</div>
) : (
<>{t("similar_notes.no_similar_notes_found")}</>
)}
</div>
</div> </div>
) )
} }