fix: detail topic (#117)

* feat: keyboard nav * fix: link update * feat: reusable learning state * chore: use new learning state * feat: add to my profile * . * . * feat: on enter open the link * fix: lint * fix: use eslint v8 instead of v9 * fix: add to my profile * chore: update personal link schema * chore: update personal page schema * fix: update detail wrapper * fix: update page section * removing option for learning status * removing option for learning status for topic * feat: add createdAt and updatedAt for personal Page * chore: update page section component * chore: remove chevron from sub menu * fix: sidebar * chore: add focus and disable toast * feat: la editor add execption for no command class * fix: la editor style and fix page detail * fix: title * fix: topic learning state * chore: add showSearch for learning state * fix: bunch stuff * chore: link list and item handle learning state * chore: set expand to false * feat: personal link for topic detail * chore: hook use topic data * chore: go to list * fix: link and topic * feat(utils): new keyboard utils * feat(store): add linkOpenPopoverForIdAtom for link * chore: using memo for use topic data * fix: remove duplicate component * chore: performance for topic detail lint item * refactor: remove LinkOptions component * chore: improve performance for list * feat: added LinkRoute copmonent * chore: link manage * feat: bottom bar * fix: link * fix: page wrapper * fix: import thing * chore: added a displayname * refactor: page detail * refactor: page detail * fix: add topic to personal link form link * fix: only show page count if more than zero * fix: sidebar topic section --------- Co-authored-by: Nikita <github@nikiv.dev> Co-authored-by: marshennikovaolga <marshennikova@gmail.com>
2026-01-12 12:20:23 +01:00 · 2024-08-29 02:48:48 +07:00
parent 94a63bd79b
commit 9e89959dd4
50 changed files with 1667 additions and 1000 deletions
@@ -0,0 +1,54 @@
+import React from "react"
+import { Section } from "./section"
+import { LaAccount, ListOfSections, PersonalLinkLists, Topic, UserRoot } from "@/lib/schema"
+
+interface TopicSectionsProps {
+	topic: Topic
+	sections: (ListOfSections | null) | undefined
+	activeIndex: number
+	setActiveIndex: (index: number) => void
+	linkRefs: React.MutableRefObject<(HTMLLIElement | null)[]>
+	containerRef: React.RefObject<HTMLDivElement>
+	me: {
+		root: {
+			personalLinks: PersonalLinkLists
+		} & UserRoot
+	} & LaAccount
+	personalLinks: PersonalLinkLists
+}
+
+export function TopicSections({
+	topic,
+	sections,
+	activeIndex,
+	setActiveIndex,
+	linkRefs,
+	containerRef,
+	me,
+	personalLinks
+}: TopicSectionsProps) {
+	return (
+		<div ref={containerRef} className="flex w-full flex-1 flex-col overflow-y-auto [scrollbar-gutter:stable]">
+			<div tabIndex={-1} className="outline-none">
+				<div className="flex flex-1 flex-col gap-4" role="listbox" aria-label="Topic sections">
+					{sections?.map(
+						(section, sectionIndex) =>
+							section?.id && (
+								<Section
+									key={sectionIndex}
+									topic={topic}
+									section={section}
+									activeIndex={activeIndex}
+									setActiveIndex={setActiveIndex}
+									startIndex={sections.slice(0, sectionIndex).reduce((acc, s) => acc + (s?.links?.length || 0), 0)}
+									linkRefs={linkRefs}
+									me={me}
+									personalLinks={personalLinks}
+								/>
+							)
+					)}
+				</div>
+			</div>
+		</div>
+	)
+}