feat: projects and boards

2025-02-07 20:07:10 +04:00
parent 58d397ed0b
commit 580552bd47
185 changed files with 3352 additions and 1284 deletions
--- a/src/pages/DealsPage/modals/ProjectsModal/ProjectsModal.tsx
+++ b/src/pages/DealsPage/modals/ProjectsModal/ProjectsModal.tsx
@@ -0,0 +1,85 @@
+import { ProjectSchema } from "../../../../client";
+import { ContextModalProps } from "@mantine/modals";
+import { ActionIcon, Flex, rem, Stack, TextInput, Tooltip } from "@mantine/core";
+import { BaseTable } from "../../../../components/BaseTable/BaseTable.tsx";
+import useProjectsTableColumns from "./hooks/projectsTableColumns.tsx";
+import { IconCheck, IconEdit, IconPlus, IconTrash } from "@tabler/icons-react";
+import { MRT_TableOptions } from "mantine-react-table";
+import InlineButton from "../../../../components/InlineButton/InlineButton.tsx";
+import useProjectModal from "./hooks/useProjectModal.tsx";
+
+type Props = {
+    onUpdate: () => void;
+};
+
+const ProjectsModal = ({ innerProps }: ContextModalProps<Props>) => {
+    const {
+        projects,
+        name,
+        setName,
+        editingProjects,
+        handleEditClick,
+        handleDeleteClick,
+        handleCreateClick,
+    } = useProjectModal(innerProps);
+
+    const columns = useProjectsTableColumns({ editingProjects });
+
+    return (
+        <Stack gap={rem(10)}>
+            <TextInput
+                label={"Добавить проект"}
+                variant={"default"}
+                value={name}
+                onChange={e => setName(e.target.value)}
+            />
+            <InlineButton
+                variant={"default"}
+                onClick={handleCreateClick}>
+                <IconPlus />
+                Добавить
+            </InlineButton>
+
+            <BaseTable
+                data={projects}
+                columns={columns}
+
+                restProps={
+                    {
+                        enableSorting: false,
+                        enableColumnActions: false,
+                        enableRowActions: true,
+
+                        renderRowActions: ({ row }) => (
+                            <Flex gap="md">
+                                <Tooltip label="Редактировать">
+                                    <ActionIcon
+                                        onClick={() => handleEditClick(row.original)}
+                                        variant={"default"}>
+                                        {
+                                            editingProjects.has(row.original.id) ? (
+                                                <IconCheck />
+                                            ) : (
+                                                <IconEdit />
+                                            )
+                                        }
+                                    </ActionIcon>
+                                </Tooltip>
+                                <Tooltip label={"Удалить"}>
+                                    <ActionIcon
+                                        onClick={() => handleDeleteClick(row.original)}
+                                        disabled={row.original.boardsCount > 0}
+                                        variant={"default"}>
+                                        <IconTrash />
+                                    </ActionIcon>
+                                </Tooltip>
+                            </Flex>
+                        ),
+                    } as MRT_TableOptions<ProjectSchema>
+                }
+            />
+        </Stack>
+    );
+};
+
+export default ProjectsModal;