86 lines
3.2 KiB
TypeScript
86 lines
3.2 KiB
TypeScript
import { type ProjectSchemaWithCount } 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<ProjectSchemaWithCount>
|
||
}
|
||
/>
|
||
</Stack>
|
||
);
|
||
};
|
||
|
||
export default ProjectsModal;
|