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-04-25 09:48:44 +02:00 · 2024-08-29 02:48:48 +07:00
parent 94a63bd79b
commit 9e89959dd4
50 changed files with 1667 additions and 1000 deletions
--- a/web/components/routes/topics/detail/partials/section.tsx
+++ b/web/components/routes/topics/detail/partials/section.tsx
@@ -0,0 +1,59 @@
+import React from "react"
+import { LinkItem } from "./link-item"
+import { LaAccount, PersonalLinkLists, Section as SectionSchema, Topic, UserRoot } from "@/lib/schema"
+
+interface SectionProps {
+	topic: Topic
+	section: SectionSchema
+	activeIndex: number
+	startIndex: number
+	linkRefs: React.MutableRefObject<(HTMLLIElement | null)[]>
+	setActiveIndex: (index: number) => void
+	me: {
+		root: {
+			personalLinks: PersonalLinkLists
+		} & UserRoot
+	} & LaAccount
+	personalLinks: PersonalLinkLists
+}
+
+export function Section({
+	topic,
+	section,
+	activeIndex,
+	setActiveIndex,
+	startIndex,
+	linkRefs,
+	me,
+	personalLinks
+}: SectionProps) {
+	return (
+		<div className="flex flex-col">
+			<div className="flex items-center gap-4 px-6 py-2 max-lg:px-4">
+				<p className="text-foreground text-sm font-medium">{section.title}</p>
+				<div className="flex-1 border-b"></div>
+			</div>
+
+			<div className="flex flex-col gap-px py-2">
+				{section.links?.map(
+					(link, index) =>
+						link?.url && (
+							<LinkItem
+								key={index}
+								topic={topic}
+								link={link}
+								isActive={activeIndex === startIndex + index}
+								index={startIndex + index}
+								setActiveIndex={setActiveIndex}
+								ref={el => {
+									linkRefs.current[startIndex + index] = el
+								}}
+								me={me}
+								personalLinks={personalLinks}
+							/>
+						)
+				)}
+			</div>
+		</div>
+	)
+}