diff --git a/web/app/routes/_layout/_pages/_protected/links/-link-form.tsx b/web/app/routes/_layout/_pages/_protected/links/-link-form.tsx index 4150bc33..f378196c 100644 --- a/web/app/routes/_layout/_pages/_protected/links/-link-form.tsx +++ b/web/app/routes/_layout/_pages/_protected/links/-link-form.tsx @@ -153,10 +153,8 @@ export const LinkForm: React.FC = ({ }) const topicName = form.watch("topic") - const findTopic = React.useMemo( - () => me && Topic.findUnique({ topicName }, JAZZ_GLOBAL_GROUP_ID, me), - [topicName, me], - ) + const findTopic = + me && Topic.findUnique({ topicName }, JAZZ_GLOBAL_GROUP_ID, me) const selectedTopic = useCoState(Topic, findTopic, {}) diff --git a/web/app/routes/_layout/_pages/_protected/links/-list.tsx b/web/app/routes/_layout/_pages/_protected/links/-list.tsx index c5e7bb64..3d9c92c4 100644 --- a/web/app/routes/_layout/_pages/_protected/links/-list.tsx +++ b/web/app/routes/_layout/_pages/_protected/links/-list.tsx @@ -67,32 +67,20 @@ const LinkList: React.FC = () => { const { deleteLink } = useLinkActions() const confirm = useConfirm() - const { me } = useAccount({ root: { personalLinks: [] } }) + const { me } = useAccount({ root: { personalLinks: [{}] } }) - const personalLinks = React.useMemo( - () => me?.root?.personalLinks || [], - [me?.root?.personalLinks], - ) - - const filteredLinks = React.useMemo( - () => - personalLinks.filter((link) => { - if (state === "all") return true - if (!link?.learningState) return false - return link.learningState === state - }), - [personalLinks, state], - ) - - const sortedLinks = React.useMemo( - () => - sort === "title" - ? [...filteredLinks].sort((a, b) => - (a?.title || "").localeCompare(b?.title || ""), - ) - : filteredLinks, - [filteredLinks, sort], - ) + const personalLinks = me?.root.personalLinks || [] + const filteredLinks = personalLinks.filter((link) => { + if (state === "all") return true + if (!link?.learningState) return false + return link.learningState === state + }) + const sortedLinks = + sort === "title" + ? [...filteredLinks].sort((a, b) => + (a?.title || "").localeCompare(b?.title || ""), + ) + : filteredLinks React.useEffect(() => { if (editId) { @@ -208,7 +196,7 @@ const LinkList: React.FC = () => { const handleDragEnd = (event: DragEndEvent) => { const { active, over } = event - if (!active || !over || !me?.root?.personalLinks) { + if (!active || !over || !me?.root.personalLinks) { console.error("Drag operation fail", { active, over }) return }