fix: eager loading for nested topic

This commit is contained in:
Aslam H
2024-11-09 15:14:23 +07:00
parent 60846a4c42
commit 6475855e2f
5 changed files with 60 additions and 210 deletions

View File

@@ -3,25 +3,16 @@ import { useAccount } from "@/lib/providers/jazz-provider"
import { NavItem } from "~/components/custom/nav-item"
export const LinkCollection: React.FC = () => {
const { me } = useAccount({
root: {
personalLinks: [],
personalPages: [],
topicsWantToLearn: [],
topicsLearning: [],
topicsLearned: [],
tasks: [],
},
})
const { me } = useAccount()
const linkCount = me?.root.personalLinks?.length || 0
const pageCount = me?.root.personalPages?.length || 0
const taskCount = me?.root.tasks?.length || 0
const linkCount = me?.root?.personalLinks?.length || 0
const pageCount = me?.root?.personalPages?.length || 0
const taskCount = me?.root?.tasks?.length || 0
const topicCount =
(me?.root.topicsWantToLearn?.length || 0) +
(me?.root.topicsLearning?.length || 0) +
(me?.root.topicsLearned?.length || 0)
(me?.root?.topicsWantToLearn?.length || 0) +
(me?.root?.topicsLearning?.length || 0) +
(me?.root?.topicsLearned?.length || 0)
return (
<div className="flex flex-col gap-px py-2">