starred/archived-linsa
1
0
Fork 0
mirror of https://github.com/linsa-io/linsa.git synced 2026-01-12 12:20:23 +01:00
Code Issues 2 Packages Projects Releases Wiki Activity

fix: remove unnecessary rerender link list

Browse Source
This commit is contained in:
Aslam H
2024-11-09 13:05:06 +07:00
parent f375515ccd
commit 87998d00f3
2 changed files with 16 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
web/app/routes/_layout/_pages/_protected/links/-link-form.tsx
View File

@@ -153,10 +153,8 @@ export const LinkForm: React.FC<LinkFormProps> = ({
})
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, {})

40
web/app/routes/_layout/_pages/_protected/links/-list.tsx
View File

@@ -67,32 +67,20 @@ const LinkList: React.FC<LinkListProps> = () => {
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<LinkListProps> = () => {
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
}