Skip to content

feat(site): embed users page in management settings #14006

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 6 commits into from
Jul 25, 2024
Merged

feat(site): embed users page in management settings #14006

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
92cebb2
embed users page in management settings
aslilac Jul 24, 2024
f02441e
🧹
aslilac Jul 24, 2024
053b747
oof
aslilac Jul 24, 2024
267c54c
add user button is important
aslilac Jul 24, 2024
ca0f5c2
storybook friendly
aslilac Jul 24, 2024
1179e51
fix navigation
aslilac Jul 24, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
add user button is important
  • Loading branch information
@aslilac
aslilac committed Jul 24, 2024
commit 267c54c7cf878827ad18bd4af4ff561b5ec1393b
4 changes: 3 additions & 1 deletion site/src/pages/UsersPage/UsersLayout.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -27,6 +27,8 @@ export const UsersLayout: FC = () => {
const location = useLocation();
const activeTab = location.pathname.endsWith("groups") ? "groups" : "users";

const isMultiOrg = experiments.includes("multi-organization");

return (
<>
<Margins>
Expand Down Expand Up @@ -59,7 +61,7 @@ export const UsersLayout: FC = () => {
</PageHeader>
</Margins>

{!experiments.includes("multi-organization") && (
{!isMultiOrg && (
<Tabs
css={{ marginBottom: 40, marginTop: -TAB_PADDING_Y }}
active={activeTab}
Expand Down
33 changes: 33 additions & 0 deletions site/src/pages/UsersPage/UsersPageView.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,16 @@
import PersonAdd from "@mui/icons-material/PersonAdd";
import Button from "@mui/material/Button";
import type { ComponentProps, FC } from "react";
import { useNavigate } from "react-router-dom";
import type { GroupsByUserId } from "api/queries/groups";
import type * as TypesGen from "api/typesGenerated";
import { PageHeader, PageHeaderTitle } from "components/PageHeader/PageHeader";
import {
PaginationContainer,
type PaginationResult,
} from "components/PaginationWidget/PaginationContainer";
import { useAuthenticated } from "contexts/auth/RequireAuth";
import { useDashboard } from "modules/dashboard/useDashboard";
import { UsersFilter } from "./UsersFilter";
import { UsersTable } from "./UsersTable/UsersTable";

Expand Down Expand Up @@ -56,8 +62,35 @@ export const UsersPageView: FC<UsersPageViewProps> = ({
groupsByUserId,
usersQuery,
}) => {
const { experiments } = useDashboard();
const { permissions } = useAuthenticated();
const navigate = useNavigate();
const { createUser: canCreateUser } = permissions;

const isMultiOrg = experiments.includes("multi-organization");

return (
<>
{isMultiOrg && (
<PageHeader
css={{ paddingTop: 0 }}
actions={
<>
{canCreateUser && (
<Button
onClick={() => navigate("/users/create")}
startIcon={<PersonAdd />}
>
Create user
</Button>
)}
</>
}
>
<PageHeaderTitle>Users</PageHeaderTitle>
</PageHeader>
)}

<UsersFilter {...filterProps} />

<PaginationContainer query={usersQuery} paginationUnitLabel="users">
Expand Down
Loading