mirror of
https://github.com/zadam/trilium.git
synced 2025-10-29 10:39:00 +01:00
chore(react/ribbon): similar notes style
This commit is contained in:
parent
6c30e0836f
commit
2c33ef2b0d
@ -7,9 +7,10 @@ interface NoteLinkOpts {
|
||||
showNotePath?: boolean;
|
||||
style?: Record<string, string | number>;
|
||||
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 [ 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("tn-link");
|
||||
if (!noTnLink) {
|
||||
$linkEl?.addClass("tn-link");
|
||||
}
|
||||
|
||||
return <RawHtml html={jqueryEl} />
|
||||
|
||||
|
||||
@ -23,18 +23,24 @@ export default function SimilarNotesTab({ note }: TabContext) {
|
||||
}, [ note?.noteId ]);
|
||||
|
||||
return (
|
||||
<div className="similar-notes-wrapper">
|
||||
{similarNotes?.length ? (
|
||||
<div>
|
||||
{similarNotes.map(({notePath, score}) => (
|
||||
<NoteLink notePath={notePath} style={{
|
||||
"font-size": 24 * (1 - 1 / (1 + score))
|
||||
}}/>
|
||||
))}
|
||||
</div>
|
||||
) : (
|
||||
<>{t("similar_notes.no_similar_notes_found")}</>
|
||||
)}
|
||||
<div className="similar-notes-widget">
|
||||
<div className="similar-notes-wrapper">
|
||||
{similarNotes?.length ? (
|
||||
<div>
|
||||
{similarNotes.map(({notePath, score}) => (
|
||||
<NoteLink
|
||||
notePath={notePath}
|
||||
noTnLink
|
||||
style={{
|
||||
"font-size": 24 * (1 - 1 / (1 + score))
|
||||
}}
|
||||
/>
|
||||
))}
|
||||
</div>
|
||||
) : (
|
||||
<>{t("similar_notes.no_similar_notes_found")}</>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user