teidesu/tei.su
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: hopefully fix jumping pages when there's cached data

Browse source
This commit is contained in:
alina 🌸 2024-08-31 23:10:39 +03:00
parent b30d90319e
commit 1ce4115fb1
Signed by: teidesu
SSH key fingerprint: SHA256:uNeCpw6aTSU4aIObXLvHfLkDa82HWH9EiOj9AXOIRpI
1 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/pages/PageMain/Shoutbox/Shoutbox.tsx
View file

@ -29,19 +29,24 @@ function ShoutboxInner(props: {
}) {
// eslint-disable-next-line solid/reactivity
const [page, setPage] = createSignal(props.initPage)
// eslint-disable-next-line solid/reactivity
const [initData, setInitData] = createSignal<ShoutsData | undefined>(props.initPageData)
const shouts = createQuery(() => ({
queryKey: ['shouts', page()],
queryFn: () => fetchShouts(page()),
cacheTime: 0,
gcTime: 0,
refetchInterval: 30000,
placeholderData: keepPreviousData,
initialData: props.initPageData,
initialData: initData,
}))
const [sending, setSending] = createSignal(false)
const onPageClick = (next: boolean) => (e: MouseEvent) => {
e.preventDefault()
e.stopPropagation()
setInitData(undefined)
const newPage = next ? page() + 1 : page() - 1
@ -89,6 +94,7 @@ function ShoutboxInner(props: {
const onSubmit = (e: Event) => {
e.preventDefault()
setSending(true)
setInitData(undefined)
const isPrivate = (form.elements.namedItem('private') as HTMLInputElement).checked
fetch('/api/shoutbox', {