synced/coder
1
0
Fork 0
mirror of https://github.com/coder/coder.git synced 2025-07-15 22:20:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

Get users on page mount

Browse Source
This commit is contained in:
Presley
2022-04-25 16:51:37 +00:00
parent 635eab9f4c
commit c2de4d49d3
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
site/src/pages/UsersPage/UsersPage.tsx
View File

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