Q & A + journal (#174)

* tasks

* task input

* community route

* added thread and list for community QA

* answers thread

* journal sidebar section

* journal calendar

* fix: stuff

* fix: stuff

* fix: stuff

* chore: disable comunitty toggle

* fix: typo import header

---------

Co-authored-by: marshennikovaolga <marshennikova@gmail.com>
Co-authored-by: Aslam H <iupin5212@gmail.com>

web/components/routes/topics/detail/TopicDetailRoute.tsx

@@ -1,7 +1,7 @@
 "use client"
 
 import React, { useMemo, useState } from "react"
-import { TopicDetailHeader } from "./Header"
+import { TopicDetailHeader } from "./header"
 import { useAccountOrGuest, useCoState } from "@/lib/providers/jazz-provider"
 import { JAZZ_GLOBAL_GROUP_ID } from "@/lib/constants"
 import { Topic } from "@/lib/schema"

web/components/routes/topics/detail/header.tsx

@@ -99,6 +99,9 @@ export const TopicDetailHeader = React.memo(function TopicDetailHeader({ topic }
 				</div>
 			</div>
 
+			<div className="flex flex-auto"></div>
+			{/* <GuideCommunityToggle topicName={topic.name} /> */}
+
 			<LearningStateSelector
 				showSearch={false}
 				value={p?.learningState || ""}

web/components/routes/topics/list.tsx

@@ -43,7 +43,6 @@ export const MainTopicList: React.FC<MainTopicListProps> = ({ me }) => {
 	const isTablet = useMedia("(max-width: 640px)")
 	const [activeItemIndex, setActiveItemIndex] = React.useState<number | null>(null)
 	const [keyboardActiveIndex, setKeyboardActiveIndex] = React.useState<number | null>(null)
-	const router = useRouter()
 
 	const personalTopics = React.useMemo(
 		() => [
@@ -54,13 +53,6 @@ export const MainTopicList: React.FC<MainTopicListProps> = ({ me }) => {
 		[me.root.topicsWantToLearn, me.root.topicsLearning, me.root.topicsLearned]
 	)
 
-	const handleEnter = React.useCallback(
-		(selectedTopic: Topic) => {
-			router.push(`/${selectedTopic.name}`)
-		},
-		[router]
-	)
-
 	const next = () => Math.min((activeItemIndex ?? 0) + 1, (personalTopics?.length ?? 0) - 1)
 
 	const prev = () => Math.max((activeItemIndex ?? 0) - 1, 0)

web/components/routes/topics/partials/topic-item.tsx

@@ -106,7 +106,7 @@ export const TopicItem = React.forwardRef<HTMLAnchorElement, TopicItemProps>(
 					router.push(`/${topic.name}`)
 				}
 			},
-			[router, topic.id]
+			[router, topic.name]
 		)
 
 		return (