chore(react/ribbon): similar notes style

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

View File

@ -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} />

View File

@ -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>
)
}