gaschz/trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-12-20 06:14:28 +01:00
Code Issues Actions 11 Packages Projects Releases Wiki Activity

chore(highlights_list): start from scratch

Browse Source
This commit is contained in:
Elian Doran 2025-12-18 12:38:45 +02:00
parent b0e1751dc7
commit dbf29ed23f
No known key found for this signature in database
2 changed files with 31 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
apps/client/src/widgets/sidebar/HighlightsList.tsx Normal file
View File

@ -0,0 +1,28 @@
import { t } from "../../services/i18n";
import { useActiveNoteContext, useIsNoteReadOnly, useNoteProperty } from "../react/hooks";
import RightPanelWidget from "./RightPanelWidget";
export default function HighlightsList() {
const { note, noteContext } = useActiveNoteContext();
const noteType = useNoteProperty(note, "type");
const { isReadOnly } = useIsNoteReadOnly(note, noteContext);
return (
<RightPanelWidget title={t("highlights_list_2.title")}>
{((noteType === "text" && isReadOnly) || (noteType === "doc")) && <ReadOnlyTextHighlightsList />}
{noteType === "text" && !isReadOnly && <EditableTextHighlightsList />}
</RightPanelWidget>
);
}
//#region Editable text (CKEditor)
function EditableTextHighlightsList() {
return "Editable";
}
//#endregion
//#region Read-only text
function ReadOnlyTextHighlightsList() {
return "Read-only";
}
//#endregion

4
apps/client/src/widgets/sidebar/RightPanelContainer.tsx
View File

@ -7,6 +7,7 @@ import { useEffect } from "preact/hooks";
import options from "../../services/options";
import { DEFAULT_GUTTER_SIZE } from "../../services/resizer";
import { useActiveNoteContext } from "../react/hooks";
import HighlightsList from "./HighlightsList";
import TableOfContents from "./TableOfContents";
const MIN_WIDTH_PERCENT = 5;
@ -29,7 +30,8 @@ export default function RightPanelContainer() {
return (
<div id="right-pane">
{note && <>
<TableOfContents note={note} />
<TableOfContents />
<HighlightsList />
</>}
</div>
);