xiaoxue_admin
/
Folo
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: virtuosoitem height zero issue 

Signed-off-by: Innei <i@innei.in>
This commit is contained in:
Innei 2024-09-09 17:55:07 +08:00
parent 6758793a3e
commit 3c5c7babc9
No known key found for this signature in database
GPG Key ID: 0F62D33977F021F7
2 changed files with 5 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/renderer/src/components/ui/placeholder.tsx
View File

@ -1,4 +1,4 @@
export const ReactVirtuosoItemPlaceholder = () => (
// NOTE: prevent 0 height element, react virtuoso will not stop render any more
<div className="h-[0.0000001px]" />
<div className="h-[0.5px] shrink-0" />
)

6
src/renderer/src/modules/entry-column/index.tsx
View File

@ -6,11 +6,13 @@ import { FeedNotFound } from "@renderer/components/errors/FeedNotFound"
import { AutoResizeHeight } from "@renderer/components/ui/auto-resize-height"
import { Button } from "@renderer/components/ui/button"
import { LoadingCircle } from "@renderer/components/ui/loading"
import { ReactVirtuosoItemPlaceholder } from "@renderer/components/ui/placeholder"
import { ScrollArea } from "@renderer/components/ui/scroll-area"
import { FEED_COLLECTION_LIST, ROUTE_FEED_PENDING, views } from "@renderer/constants"
import { useNavigateEntry } from "@renderer/hooks/biz/useNavigateEntry"
import { useRouteParamsSelector, useRouteParms } from "@renderer/hooks/biz/useRouteParams"
import { useTitle } from "@renderer/hooks/common"
import { useTypeScriptHappyCallback } from "@renderer/hooks/common/useTypescriptHappyCallback"
import { FeedViewType } from "@renderer/lib/enum"
import { cn, isBizId } from "@renderer/lib/utils"
import { useFeed } from "@renderer/queries/feed"
@ -147,9 +149,9 @@ export function EntryColumn() {
isInteracted.current = true
}
},
itemContent: useCallback(
itemContent: useTypeScriptHappyCallback(
(_, entryId) => {
if (!entryId) return null
if (!entryId) return <ReactVirtuosoItemPlaceholder />
return <EntryItem key={entryId} entryId={entryId} view={view} />
},