This commit is contained in:
parent
33b5b2d179
commit
0a90108fb1
|
@ -14,25 +14,32 @@ export default function Home() {
|
||||||
const router = useRouter()
|
const router = useRouter()
|
||||||
const snackbar = useSnackbar()
|
const snackbar = useSnackbar()
|
||||||
|
|
||||||
const [posts, setPosts] = useState<NotDeletedPost[]>()
|
const [state, setState] = useState<{
|
||||||
const [page, setPage] = useState(1)
|
posts?: NotDeletedPost[]
|
||||||
|
page: number
|
||||||
|
}>({ page: 1 })
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
redirectIfNotAuthenticated(router)
|
redirectIfNotAuthenticated(router)
|
||||||
|
|
||||||
dispatch(async (client) => {
|
dispatch(async (client) => {
|
||||||
const posts = (await client.timeline.retrieveFeed(page)).filter(
|
const posts = (await client.timeline.retrieveFeed(state.page)).filter(
|
||||||
postNotDeleted
|
postNotDeleted
|
||||||
)
|
)
|
||||||
|
|
||||||
setPosts(posts)
|
setState((state) => {
|
||||||
|
return {
|
||||||
|
posts: state.posts ? state.posts.concat(posts) : posts,
|
||||||
|
page: state.page + 1,
|
||||||
|
}
|
||||||
|
})
|
||||||
}, snackbar)
|
}, snackbar)
|
||||||
}, [page])
|
}, [state.page])
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{posts ? (
|
{state.posts ? (
|
||||||
posts.map((post) => (
|
state.posts.map((post) => (
|
||||||
<Post key={post.id} post={post} router={router} sx={{ mt: 3 }} />
|
<Post key={post.id} post={post} router={router} sx={{ mt: 3 }} />
|
||||||
))
|
))
|
||||||
) : (
|
) : (
|
||||||
|
|
Loading…
Reference in New Issue