Vorkout/connect
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(client): add React flow drawer to processDiagramPage

Browse Source
This commit is contained in:
Vladislav Syrochkin
2025-07-22 08:07:52 +05:00
parent 5966b7d6f1
commit 5cdb6e460f
2 changed files with 30 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
client/src/pages/AccountsPage.tsx
View File

@@ -2,12 +2,12 @@ import { useEffect, useState } from "react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { AccountStatus, AllUser, AllUserResponse } from "@/types/user"; import { AccountStatus, AllUser, AllUserResponse } from "@/types/user";
import Header from "@/components/Header"; import Header from "@/components/Header";
import ContentDrawer from "@/components/ContentDrawer"; import ContentDrawer from "@/components/drawers/ContentDrawer";
import UserCreate from "@/components/UserCreate"; import UserCreate from "@/components/drawers/users/UserCreate";
import { Avatar, Table } from "antd"; import { Avatar, Table } from "antd";
import { TableProps } from "antd/lib"; import { TableProps } from "antd/lib";
import { UserService } from "@/services/userService"; import { UserService } from "@/services/userService";
import UserEdit from "@/components/UserEdit"; import UserEdit from "@/components/drawers/users/UserEdit";
import { useSearchParams } from "react-router-dom"; import { useSearchParams } from "react-router-dom";
export default function AccountsPage() { export default function AccountsPage() {
@@ -201,7 +201,7 @@ export default function AccountsPage() {
<ContentDrawer <ContentDrawer
open={openCreate} open={openCreate}
closeDrawer={closeCreateDrawer} closeDrawer={closeCreateDrawer}
type="create" type="userCreate"
> >
<UserCreate getUsers={getUsers} closeDrawer={closeCreateDrawer} /> <UserCreate getUsers={getUsers} closeDrawer={closeCreateDrawer} />
</ContentDrawer> </ContentDrawer>
@@ -211,7 +211,7 @@ export default function AccountsPage() {
email={activeAccount?.email} email={activeAccount?.email}
open={openEdit} open={openEdit}
closeDrawer={closeEditDrawer} closeDrawer={closeEditDrawer}
type="edit" type="userEdit"
> >
<UserEdit userId={activeAccount?.id} closeDrawer={closeEditDrawer} /> <UserEdit userId={activeAccount?.id} closeDrawer={closeEditDrawer} />
</ContentDrawer> </ContentDrawer>

28
client/src/pages/ProcessDiagramPage.tsx
View File

@@ -1,11 +1,33 @@
import Header from '@/components/Header'; import Header from "@/components/Header";
import { useTranslation } from 'react-i18next'; import { useTranslation } from "react-i18next";
import ReactFlowDrawer from "@/components/ReactFlowDrawer";
import { useState } from "react";
import ContentDrawer from "@/components/drawers/ContentDrawer";
export default function ProcessDiagramPage() { export default function ProcessDiagramPage() {
const { t } = useTranslation(); const { t } = useTranslation();
const [isDrawerOpen, setIsDrawerOpen] = useState(false);
const showDrawer = () => setIsDrawerOpen(true);
const closeDrawer = () => {
setIsDrawerOpen(false);
};
return ( return (
<> <>
<Header title={t('processDiagrams')} /> <Header title={t("processDiagrams")} />
<div style={{ width: "100%", height: "100%" }}>
<ReactFlowDrawer showDrawer={showDrawer} />
</div>
<ContentDrawer
open={isDrawerOpen}
closeDrawer={closeDrawer}
children={undefined}
type={"nodeEdit"}
></ContentDrawer>
</> </>
); );
} }