Get users on page mount

This commit is contained in:
Presley
2022-04-25 16:51:37 +00:00
parent 635eab9f4c
commit c2de4d49d3

View File

@ -1,5 +1,5 @@
import { useActor } from "@xstate/react"
import React, { useContext } from "react"
import React, { useContext, useEffect } from "react"
import { useNavigate } from "react-router"
import { ErrorSummary } from "../../components/ErrorSummary/ErrorSummary"
import { XServiceContext } from "../../xServices/StateContext"
@ -7,10 +7,17 @@ import { UsersPageView } from "./UsersPageView"
export const UsersPage: React.FC = () => {
const xServices = useContext(XServiceContext)
const [usersState] = useActor(xServices.usersXService)
const [usersState, usersSend] = useActor(xServices.usersXService)
const { users, pager, getUsersError } = usersState.context
const navigate = useNavigate()
/**
* Fetch users on component mount
*/
useEffect(() => {
usersSend("GET_USERS")
}, [])
if (usersState.matches("error")) {
return <ErrorSummary error={getUsersError} />
} else {