mleku/smesh
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: scroll to top on list tab switch

Browse Source
This commit is contained in:
codytseng
2025-01-25 22:45:33 +08:00
parent 92b78d4573
commit acc47bad3d
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/components/NoteList/index.tsx
View File

@@ -60,6 +60,7 @@ export default function NoteList({
...filter ...filter
} }
}, [JSON.stringify(filter), isPictures]) }, [JSON.stringify(filter), isPictures])
const topRef = useRef<HTMLDivElement | null>(null)
useEffect(() => { useEffect(() => {
if (relayUrls.length === 0) return if (relayUrls.length === 0) return
@@ -174,14 +175,16 @@ export default function NoteList({
} }
return ( return (
<div className={cn('space-y-2 sm:space-y-2', className)}> <div className={className}>
<ListModeSwitch <ListModeSwitch
listMode={listMode} listMode={listMode}
setListMode={(listMode) => { setListMode={(listMode) => {
setListMode(listMode) setListMode(listMode)
topRef.current?.scrollIntoView({ behavior: 'instant', block: 'end' })
storage.setNoteListMode(listMode) storage.setNoteListMode(listMode)
}} }}
/> />
<div ref={topRef} />
<PullToRefresh <PullToRefresh
onRefresh={async () => { onRefresh={async () => {
setRefreshCount((count) => count + 1) setRefreshCount((count) => count + 1)