mirror of
https://github.com/docmost/docmost.git
synced 2026-08-25 15:57:11 +08:00
Philip Okugbe
b81c9ee10c
* stripe init git submodules for enterprise modules * * Cloud billing UI - WIP * Proxy websockets in dev mode * Separate workspace login and creation for cloud * Other fixes * feat: billing (cloud) * * add domain service * prepare links from workspace hostname * WIP * Add exchange token generation * Validate JWT token type during verification * domain service * add SkipTransform decorator * * updates (server) * add new packages * new sso migration file * WIP * Fix hostname generation * WIP * WIP * Reduce input error font-size * set max password length * jwt package * license page - WIP * * License management UI * Move license key store to db * add reflector * SSO enforcement * * Add default plan * Add usePlan hook * * Fix auth container margin in mobile * Redirect login and home to select page in cloud * update .gitignore * Default to yearly * * Trial messaging * Handle ended trials * Don't set to readonly on collab disconnect (Cloud) * Refine trial (UI) * Fix bug caused by using jotai optics atom in AppHeader component * configurable database maximum pool * Close SSO form on save * wip * sync * Only show sign-in in cloud * exclude base api part from workspaceId check * close db connection beforeApplicationShutdown * Add health/live endpoint * clear cookie on hostname change * reset currentUser atom * Change text * return 401 if workspace does not match * feat: show user workspace list in cloud login page * sync * Add home path * Prefetch to speed up queries * * Add robots.txt * Disallow login and forgot password routes * wildcard user-agent * Fix space query cache * fix * fix * use space uuid for recent pages * prefetch billing plans * enhance license page * sync
78 lines
2.4 KiB
TypeScript
78 lines
2.4 KiB
TypeScript
import WorkspaceInviteModal from "@/features/workspace/components/members/components/workspace-invite-modal";
|
|
import { Group, SegmentedControl, Space, Text } from "@mantine/core";
|
|
import WorkspaceMembersTable from "@/features/workspace/components/members/components/workspace-members-table";
|
|
import SettingsTitle from "@/components/settings/settings-title.tsx";
|
|
import { useEffect, useState } from "react";
|
|
import { useNavigate, useSearchParams } from "react-router-dom";
|
|
import WorkspaceInvitesTable from "@/features/workspace/components/members/components/workspace-invites-table.tsx";
|
|
import useUserRole from "@/hooks/use-user-role.tsx";
|
|
import { getAppName } from "@/lib/config.ts";
|
|
import { Helmet } from "react-helmet-async";
|
|
import { useTranslation } from "react-i18next";
|
|
import { useAtom } from "jotai";
|
|
import { workspaceAtom } from "@/features/user/atoms/current-user-atom.ts";
|
|
|
|
export default function WorkspaceMembers() {
|
|
const { t } = useTranslation();
|
|
const [segmentValue, setSegmentValue] = useState("members");
|
|
const [workspace] = useAtom(workspaceAtom);
|
|
const [searchParams] = useSearchParams();
|
|
const { isAdmin } = useUserRole();
|
|
const navigate = useNavigate();
|
|
|
|
useEffect(() => {
|
|
const currentTab = searchParams.get("tab");
|
|
if (currentTab === "invites") {
|
|
setSegmentValue(currentTab);
|
|
}
|
|
}, [searchParams.get("tab")]);
|
|
|
|
const handleSegmentChange = (value: string) => {
|
|
setSegmentValue(value);
|
|
if (value === "invites") {
|
|
navigate(`?tab=${value}`);
|
|
} else {
|
|
navigate("");
|
|
}
|
|
};
|
|
|
|
return (
|
|
<>
|
|
<Helmet>
|
|
<title>
|
|
{t("Members")} - {getAppName()}
|
|
</title>
|
|
</Helmet>
|
|
<SettingsTitle title={t("Members")} />
|
|
|
|
{/* <WorkspaceInviteSection /> */}
|
|
{/* <Divider my="lg" /> */}
|
|
|
|
<Group justify="space-between">
|
|
<SegmentedControl
|
|
value={segmentValue}
|
|
onChange={handleSegmentChange}
|
|
data={[
|
|
{
|
|
label: t("Members") + ` (${workspace?.memberCount})`,
|
|
value: "members",
|
|
},
|
|
{ label: t("Pending"), value: "invites" },
|
|
]}
|
|
withItemsBorders={false}
|
|
/>
|
|
|
|
{isAdmin && <WorkspaceInviteModal />}
|
|
</Group>
|
|
|
|
<Space h="lg" />
|
|
|
|
{segmentValue === "invites" ? (
|
|
<WorkspaceInvitesTable />
|
|
) : (
|
|
<WorkspaceMembersTable />
|
|
)}
|
|
</>
|
|
);
|
|
}
|