diff --git a/site/src/AppRouter.tsx b/site/src/AppRouter.tsx index 3f302956a0..a253473b3b 100644 --- a/site/src/AppRouter.tsx +++ b/site/src/AppRouter.tsx @@ -17,6 +17,7 @@ import { SettingsPage } from "./pages/SettingsPage/SettingsPage" import { CreateWorkspacePage } from "./pages/TemplatesPages/OrganizationPage/TemplatePage/CreateWorkspacePage" import { TemplatePage } from "./pages/TemplatesPages/OrganizationPage/TemplatePage/TemplatePage" import { TemplatesPage } from "./pages/TemplatesPages/TemplatesPage" +import { CreateUserPage } from "./pages/UsersPage/CreateUserPage/CreateUserPage" import { UsersPage } from "./pages/UsersPage/UsersPage" import { WorkspacePage } from "./pages/WorkspacesPage/WorkspacesPage" @@ -76,14 +77,24 @@ export const AppRouter: React.FC = () => ( /> - - - - } - /> + + + + + } + /> + + + + } + /> + { + return
"Coming soon!"
+} diff --git a/site/src/pages/UsersPage/UsersPage.tsx b/site/src/pages/UsersPage/UsersPage.tsx index fd4f073097..d17c7f0f07 100644 --- a/site/src/pages/UsersPage/UsersPage.tsx +++ b/site/src/pages/UsersPage/UsersPage.tsx @@ -1,5 +1,6 @@ import { useActor } from "@xstate/react" import React, { useContext } from "react" +import { useNavigate } from "react-router" import { ErrorSummary } from "../../components/ErrorSummary/ErrorSummary" import { XServiceContext } from "../../xServices/StateContext" import { UsersPageView } from "./UsersPageView" @@ -8,10 +9,11 @@ export const UsersPage: React.FC = () => { const xServices = useContext(XServiceContext) const [usersState] = useActor(xServices.usersXService) const { users, pager, getUsersError } = usersState.context + const navigate = useNavigate() if (usersState.matches("error")) { return } else { - return + return {navigate("/users/create")}} /> } } diff --git a/site/src/pages/UsersPage/UsersPageView.tsx b/site/src/pages/UsersPage/UsersPageView.tsx index 812cc4e318..515ff4d353 100644 --- a/site/src/pages/UsersPage/UsersPageView.tsx +++ b/site/src/pages/UsersPage/UsersPageView.tsx @@ -7,18 +7,21 @@ import { UsersTable } from "../../components/UsersTable/UsersTable" export const Language = { pageTitle: "Users", pageSubtitle: (pager: Pager | undefined): string => (pager ? `${pager.total} total` : ""), + newUserButton: "New User" } export interface UsersPageViewProps { users: UserResponse[] pager?: Pager + openUserCreationDialog: () => void } -export const UsersPageView: React.FC = ({ users, pager }) => { +export const UsersPageView: React.FC = ({ users, pager, openUserCreationDialog }) => { const styles = useStyles() + return (
-
+
)